If I add overflow: hidden to the containing div it does resolve the
issue, however, it replaces it with another problem, now it does not
take the image in to account when applying vertical scrollbars.
I have uploaded the modified css so you can see the error.
Steve
Olly Hodgson wrote:
That's probably because IE is getting it wrong :) You need to tell
standards compliant browsers that the need to enclose any floated
content. The easiest method I have found is to give the div a defined
width, and set overflow to hidden, eg:
div {
width: 100%;
overflow: hidden;
}
More on the subject at http://www.quirksmode.org/css/clearing.html
Steve Frost wrote:
The photo is floated to the left, and the div in which it sits inside is
set to 100% height, however when viewed in 800 * 600, the div does not
expand when you scroll down.
Anybody got any ideas what could be causing this? It works fine in IE.
That's probably because IE is getting it wrong :) You need to tell
standards compliant browsers that the need to enclose any floated
content. The easiest method I have found is to give the div a defined
width, and set overflow to hidden, eg:
div {
width: 100%;
overflow: hidden;
}
More on the subject at http://www.quirksmode.org/css/clearing.html
______________________________________________________________________
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/
