Re: [css-d] Dont understand float drop
On Thu, 15 Jan 2009 14:00:57 +1100, Fiona Hayward wrote: Ignore that last post - I found the offending article. It was an image that I overlooked at the bottom of the page. Just wondering though, why was IE6 the only browser that dropped the float As I understand it, IE versions prior to version 7 expand a container to hold a larger element that's inside it, instead of allowing the larger element to overflow it. I have had the same problem with a table inside a DIV, so it's not only images that cause this. A common solution is to apply overflow-x: hidden; to the container, but that will cut off any overflowing content, which is not always what you want. As far as I know, there is no way to get IE 5 - 6 have the oversize element overflow the container the way it ought. Anyone? Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Dont understand float drop
David Hucklesby wrote: As far as I know, there is no way to get IE 5 - 6 have the oversize element overflow the container the way it ought. Anyone? Go back to my response to [css-d]IE not hiding overflow? less than a day ago, and you'll find the way to make IE 5 - 6 behave as intended. IE's bug is that elements with 'position: relative' declared on them will overflow containers with 'overflow: hidden' declared - visibly but without taking up space. IE7 actually works that way, so it's quite possible that the IE-team used the bug to cover up for other bugs. Doesn't work in accordance with CSS standards though. One can also pull in backside margins on content-elements, so IE 5 - 6 don't auto-expand to their real size. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Dont understand float drop
Hello, Ive been trying to work out why I have a float drop in IE6 (but not in IE7, 5.5, or Firefox (Windows)). Ive spent hours scouring the code and searching online, but cant work it out. I seem to remember dealing with this before on another project, but I think I just fixed with trial and error and didn't really understand how I got it working. I would really like to be able to understand what Ive done wrong, so I can learn from it and avoid it in the future. (The page in question is still in progress, so there are some unfinished items on the page.) http://www.fionahayward.com/visionprint/untitled2.html is the page in question Regards Fiona __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Dont understand float drop
Fiona Hayward wrote:
Ive been trying to work out why I have a float drop in IE6 (but not in IE7,
5.5, or Firefox (Windows)).
http://www.fionahayward.com/visionprint/untitled2.html
Hi Fiona,
Looks like you've got something flowing out of one of your column boxes.
This fixes it:
#left,#content,#right{overflow:hidden}
...but you may also want to target exactly what it is causing the overflow.
Hope it helps.
Bill
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Dont understand float drop
Bill wrote
Hi Fiona,
Looks like you've got something flowing out of one of your column boxes.
This fixes it:
#left,#content,#right{overflow:hidden}
...but you may also want to target exactly what it is causing the overflow.
Hope it helps.
Bill
Thanks Bill
It did fix it, but Im really not sure why.
Maybe Ive just been looking at it for too long to see what would be flowing
out. The images in the middle box (#content) were too long, but I fixed
those and it was still happening
Regards
Fiona
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Dont understand float drop
Fiona wrote Thanks Bill It did fix it, but Im really not sure why. Maybe Ive just been looking at it for too long to see what would be flowing out. The images in the middle box (#content) were too long, but I fixed those and it was still happening Ignore that last post - I found the offending article. It was an image that I overlooked at the bottom of the page. Just wondering though, why was IE6 the only browser that dropped the float Regards Fiona __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
