Topic: css help! (Page 1 of 1)

www.digitalcreme.com/v3/


as u can see for the featured artist and fav gadget, there is overflow problem with the border.
it looks okie in firebird but fails in IE 6. can anyone help?

digital.creme - the electronic swirl

Without looking at the code (sorry, don't quite have the time at the moment), I will say that I have had problems with floats in IE6 (elements beneath the floats have been overlapped if the non-floated element next to the float is shorter than the float--ie, IE calculates the borders based on the non-floated elements, and ignores the floated elements in its calculations).

I'm not sure if that makes sense, or if that's even what's wrong, but it sure looks like it. What I had to do with my page is hack around it--I set up a dummy div beneath the float as a lower limit so the floating image wouldn't overlap the stuff beneath it. I also had to give the dummy div a 1 pixel border (set to the background color) so IE would recognize it. It's messy, but I couldn't figure out another way around it (other than making sure that the text to the right of the floating image is longer than the image, but that's tough to predict).

Like I said, that's just a quick glance estimate. If that's not your problem, I'll try to come back later (maybe tomorrow) and take a look at the code.




www.liminality.org

hi, first of all, thanks for replying.

i agree with what you said about the way IE6 calculates the border. it's definitely based on the non-float elements.
similarly, i am also not very sure if that is the CORRECT way that it shld be interpreted. initially i had the same problem with firebird but after i set the css property "overflow: auto" , the border calculation is correct.

sad to say, it's not the same for IE6.

is there any way to work around it other than the hack u mentioned?

digital.creme - the electronic swirl

Unfortunately, I haven't been able to figure out another way (If I had, that's what I'd be using on my site). I remember trying everything I could think of, and I never got it to work in IE6 without using that hack.

Even worse, we're going to be stuck with IE6 until Longhorn comes out, which could be two years down the road. Things are not looking pretty... *sigh*

Perhaps someone else has some insight on the matter? We've got quite a few CSS gurus lurking around here...

darn.
it will be good if we can get some help from the gurus around here to chip in.


digital.creme - the electronic swirl