Hi. I'm building a page without tables, and I ran into the stupidest dead end. The page is three columns, fixed width but elastic height.
The problem is, that I put everything in divs, and no matter what I do to get the second column to shift over to the first column's right (its at the bottom), it either screws up everything else, or just doesn't work. I came really close by setting both columns' [display:table-cell], but this only worked in firefox, and not ie.
I've tried absolute positioning as well, although I'm not entirely sure if i've been doing it right, but it comes out completely screwed. This might also be a bad idea, since the page will have some dynamic data and the div heights will probably change from time to time change...
How can I achieve this goal (having my divs side by side) without creating a slew of problems to wade through?
But...you know...no pressure
scru
909
Posting Virtuoso
Featured Poster
Recommended Answers
Jump to PostOkay.
Firstly, don't panic... you've jsut stumbled upon the major drawback of CSS over Table designs.
It is not particualrly a fault of CSS, more a fault of Browsers not really supporting things consistently.
But there are methods to fix it.
Firstly, if you have seperat DIVs, they will not …
Jump to PostWell, as I said, give it a go and let me know :)
All 7 Replies
autocrat
52
Posting Pro in Training
scru
909
Posting Virtuoso
Featured Poster
autocrat
52
Posting Pro in Training
scru
909
Posting Virtuoso
Featured Poster
scru
909
Posting Virtuoso
Featured Poster
autocrat
52
Posting Pro in Training
MidiMagic
579
Nearly a Senior Poster
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.