Re: [css-d] Dont understand float drop

2009-01-15 Thread David Hucklesby
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

2009-01-15 Thread Gunlaug Sørtun
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

2009-01-14 Thread Fiona Hayward
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

2009-01-14 Thread Bill Brown
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

2009-01-14 Thread Fiona Hayward
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

2009-01-14 Thread Fiona Hayward
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/