|
|
Posted by Ed Seedhouse on 11/04/22 11:59
On 27 Sep 2006 06:34:39 -0700, sandravandale@yahoo.com wrote:
>Here's what I'd like to do, have two columns #side, and #main
>positioned adjacent to each other. I'd like #main to come first in the
>html if possible so I don't have to scroll past #side every time I look
>at the source, but I can give on this requirement. #side is 188px
>always. #main should expand to use up the rest of the space. Niether
>can be absolutely positioned.
>
>That's it, should be one of the easiest things to do in css,
It is.
>but I
>can't get it to work. Every time I find something that works in
>firefox, it dies a gruesome death in <clenched teeth> good old loveable
>IE</clenched teeth>. Please, someone, help me out of this rut before I
>go mad.
#side gets a "float: left;" and a "width: 188px;"
# main gets no float and a "margin-left: 189px;"
That's it. For IE you might need to give either div a "display: block;"
to fix it's margin bugs.
Although for a really flexible layout it's better that the margins be in
ems than pixels.
Navigation:
[Reply to this message]
|