Tracy Shorrock wrote:
> http://www.vandevelde.co.uk/WebAlbum/index.html
> The problem is that when the window is resized the main content
> column on the right drops under the column on the left. I'd thought
> I'd been having this problem before, and that by putting IE in Quirks
> mode it wouldn't do it... but I must have that wrong.
Mode isn't the issue here, although IE6 will render the page better if
it's allowed to be in 'standard mode'.
You've just tried to fix the float-drop problem in the wrong place.
1: delete this...
#maincol {
margin: 0 -8px 0 -2px;
}
2: Correct this...
#leftcol{
margin-right:1px; /* replace this */
margin-right: -30px; /* with this new value */
}
> In Firefox the problem is that I'm getting a horizontal scrollbar no
> matter how wide I make the window, and I just can't see what's
> causing this.
Firefox will loose that scrollbar, once point 1: above is done.
The negative margin-right is what caused it, since you originally pulled
the entire float 8px outside the right side of the browser-window.
> Another problem in Firefox is that when you make the window narrower
> and you scroll to the right of the window the header, footer, and
> main content are cut off on the right, and the bordered box
> containing the thumbnails is sticking out further right. The blue
> header and black footer are 100% wide, so they should be going right
> up to the each side of the browser window.
Yes, but they won't be wider than the window was originally.
The correct way to do it is to set a suitable min-width on the correct
element. Try this...
#flower{
width: 100%;
min-width: 820px;
}
#pagewidth {
width: auto;
}
The #pagewidth element isn't really needed at all - unless you've got
some other use for it. The #flower element is the real page-container.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
