> A solution could be to wrap all in a container with sufficient width,
> of course you won't have a fluid layout anymore.
That's a problem - I need to have a fluid layout.
> If you don't need anything like a footer after you columns
I do need a footer - I excluded it form the example for clarity -
perhaps there was no need to exclude it.
> A better solution could be to slightly change the layout so that both
> left column and the main one are floated ... I've created this example
You rock! That's just the kind of solution I was looking for - it solves
the problem perfectly.
Many thanks indeed,
From: Bruno Fassino [EMAIL-REMOVED]]
Sent: 09 November 2004 22:08
To: Robert Shields; [EMAIL-REMOVED]
Subject: RE: [css-d] float/margin div combo - unwanted behaviour in IE
Robert Shields wrote:
> I'm using a float/margin combo layout (left-floated menu,
> content to the right with left margin) but I'm experiencing
> some unwanted behaviour in IE.
> If I have a fixed-width element with my content (margin) div
> in IE and I resize the browser to less than the combined
> width of the float element and the fixed width element, the
> content (margin) element jumps below the float div.
This is a common problem with IE/Win and this type of layout.
A solution could be to wrap all in a container with sufficient width,
but of course you won't have a fluid layout anymore.
If you don't need anything like a footer after you columns (in your
example you don't have one), then you could absolutely position the left
column (but I guess this is not what you want.)
A better solution could be to slightly change the layout so that both
the left column and the main one are floated. This implies using
negative margins and a couple more hacks, but solves the IE/Win problem.
I've created this example , starting from your page and applying the
minimum modifications necessary (I added a footer, because without this
some details get overlooked.) Depending on your actual page this can
work for you or not.
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/