Forum Moderators: not2easy

Message Too Old, No Replies

Weird CSS bug - last item jumps

         

Tommybs

8:25 pm on Feb 17, 2009 (gmt 0)

10+ Year Member



Hi,

Wonder if anyone can help me. I have a weird bug in IE 6 where I have a number of repeated divs. The content of the last div ( always an img) jumps out of the div in ie6 only.
I'm using floats but the usual float fixes don't seem to be doing the trick.

to give you an idea the style is similar to


.content{
width:190px;
padding:5px;
float:left;
}
.content img{
float:left;
}

The images are only ever a maximum of 190px and even if i duplicate the same images a number of times it appears fine unless it is the last 1!

Any thoughts other then not supporting ie6 browsers anymore (or is this cause to do this now?)

swa66

8:41 pm on Feb 17, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I've had success with giving the container in IE "hasLayout" (I think I used "zoom:1" in the IE6 conditional comment)

Tommybs

8:49 pm on Feb 17, 2009 (gmt 0)

10+ Year Member



Hi thanks for replying.I tried that fix as well already with no luck. This is really starting to get to me.

[edited by: swa66 at 9:30 pm (utc) on Feb. 17, 2009]
[edit reason] language [/edit]

Tommybs

8:57 pm on Feb 17, 2009 (gmt 0)

10+ Year Member



Just noticed that as soon as I add anymore content underneath everything appears how it should! I can't even explain it.