Sent by Bob Monsour on 6 October 2003 01:01
Here's what I think is happening.
Your center column requires a left and right margin of 200px. Once you
narrow the window to where the left and right margins on your center
column can no longer be maintained at 200px, your center column will be
"forced" to evacuate the area and thus it gets pushed down below the
left/right columns.
As to fixing it, perhaps you should define only the left margin for
your center col and leave the right margin undefined.
Hope that helps.
-Bob
On Friday, October 3, 2003, at 07:00 AM, Larisa Bochkareva wrote:
> Hello
>
> I have a simple layout with 3 columns. Here is my
> code...
> ---------------------------------
> <div style="width:100%;">
> <div style="width:190px; background-color: #CCCCCC;
> float:left;">This is the left column<br><br>This is
> the left column<br><br>This is the left
> column<br><br></div>
>
> <div style="width:190px; background-color: #CCCCCC;
> float:right;">This is the right column<br><br>This is
> the right column<br><br>This is the right
> column<br></div>
>
> <div style="margin-left:200px;
> margin-right:200px;width:100%;">
> <div style="border:1px solid;">This is a title</div>
> <div style="border:1px solid;">This is the main bit
> here..</div>
> </div>
> </div>
>
> ----------------------------
>
> In IE if you reduce the window size, eventually the
> middle column jumps down. Does anyone know why it's
> doing it and if there is a way of fixing this so the
> column stays put?
>
> thank you
> Larisa
>
> _______________________________________________________________________
> _
> Want to chat instantly with your online friends? Get the FREE Yahoo!
> Messenger http://mail.messenger.yahoo.co.uk
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
