Help: Float(?) bug in IE?

[Phatpat]

I'm having a lot of trouble fixing this problem. The "Sponsors" section on this site is supposed to be right below the pictures section. It works well most of the time, but in IE for windows (maybe mac too?) it gets pushed below the end of the main content section.

Short pages work: http://msgroups.tech.northwestern.edu/esw/sponsorship.html

Long pages don't: http://msgroups.tech.northwestern.edu/esw/panama.html

Stylesheet can be found here: http://msgroups.tech.northwestern.edu/esw/layout.css

Any help would be much appreciated. I did some google searching for float in IE and tried a couple solutions I found, but no luck.

 

[nate]

I don't have IE, but I tried it out in Safari and it seems to work for me. IE is pretty buggy and the bane of web design -- I've had problems with it in the past. I constantly tell my Windows friends to use Firefox. Some do and love it, while others continue to reach for IE because it's there... I don't get why they pick it. Really I don't.

You might want to run it through a HTML validator and a CSS checker to double check the code; sometimes that fixes the problem (even if the error doesn't look like it's related, sometimes it is when it comes to IE).

Try these:

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

Good luck,


--nate

 

[homerjward]

i'll just chime in and say that it doesn't work in ie7 public beta either

 

[caveman_uk]

IE is congenitally busted. It just is. It depends on if you need your website to work in IE. If it's only really for mac users then maybe not. If it's for everyone (where most people use the browser they're given by the OS even though it's buggy, crap, outdated and ignores web standards) then you have to jump through hoops to get perfectly valid code to work.

 

[londonweb]

I'm afraid I can't help much with the css since I'm no expert on it, although I've had a look and can't see anything obviously wrong. I would say though, that certainly here in the UK, the vast majority of people both at home and at work will be using IE6, and in my opinion it's (unfortunately) paramount that a site works perfectly in this monstrosity of a browser. The folks above saying 'don't worry, it's just that IE6 is a pile of sh*t'- you're all correct, but that pile of sh*t happens to be the browser that most people use...

have you tried validating the code as mentioned above?

Just an idea, but perhaps instead of using the float style, you could use a relative position style instead?

good luck!

 

[caveman_uk]

have you tried validating the code as mentioned above?

IE quite often screws up even perfectly valid code. I'd agree for nearly all sites you can't avoid getting it to work for IE but if your site was for a mac only audience then maybe it doesn't matter so much.

Oh, and never use a simple PNG graphic with transparency in your site. IE can't even get those right. (Not that you have but I did once.... )

 

[londonweb]

Oh, and never use a simple PNG graphic with transparency in your site. IE can't even get those right. (Not that you have but I did once.... )

True that! PNGs would offer up so much scope for design ideas if only IE would cooperate...

 

[Phatpat]

Thank you all for looking; the intended audience definitely does use IE, so I'm going to keep looking for a solution. And start being more proactive about telling people to use Firefox...

 

[xelterran]

it is possible to get png's working on IE but it requires a hack:

http://solweb.no/?postid=39

 

[homerjward]

it is possible to get png's working on IE but it requires a hack:

http://solweb.no/?postid=39

they're also natively supported in version 7