Thanks Zoe... That may have me on the right track. I tried the
margin-right: -250px and you are right I could drop IE browser down to about
However, Mozilla/Firefox had an empty scroll area of 250 beyond the browser
window that was ugly to me. No-problem, an overflow: hidden on the main
#container div cleared that right up now Firefox and relatives look great
and the content is even centered no matter how big I size the browser.
But alas, IE has the content off-centered by the negative margin amount. If
I try to fix with padding to recenter it undoes the original fix and IE
starts dropping down the content under 900px wide.
Anybody as any suggestions on how to fix this new problem? I think we are
close... or at least closer.
My next move is to punt and position absolute the sidebar in the #container
PS... I just thought about using an offset in the #stage div that is already
declared position: relative;.... any bets on if that will work?
I'll let you know.
From: Zoe M. Gillenwater [EMAIL-REMOVED]]
Sent: Thursday, December 30, 2004 2:50 PM
To: David Wilbanks; [EMAIL-REMOVED]
Subject: Re: [css-d] IE scooting content below a float for resized
David Wilbanks wrote:
>How do I prevent IE from scooting content down below a float when I resize
>Check out http://www.willodesign.com
You can give #main a negative right margin, up to -650px if you wish,
though only about -150px should be needed to prevent the drop at
800x600. The right side will still drop down when you narrow down to
250px, but I would think that's acceptable. You can also assign a
min-width of 900px to #content, which won't change anything right now,
but maybe in a few years IE will actually support it and then your drop
won't happen at any window sizes!
Zoe M. Gillenwater
Highway Safety Research Center
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/