dr jerry
dr jerry

Reputation: 10026

IE 6-8 float:left does not seem to work

My site (in dutch) displays correctly on firefox and safari (mac + pc), chrome (mac, pc not tested) but not on IE 6-8 (unavaible for mac). I think I there is something wrong with my div's or css layout but I can't get my finger behind it, And I'm not really an html / css expert. I do not have IE currently to test with. IE somehow ignores the float:left and moves the second and third column completely to the bottom of the screen, only the upper border is visible. What is wrong?

Cheers, Jeroen.

Upvotes: 0

Views: 254

Answers (1)

dwarfy
dwarfy

Reputation: 3076

I think you have to specify a "doctype" for internet explorer to "behave" normally : Something like that should do the trick :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

Also you might want to consider using a css reset (so that css behave coherently across all browsers ..). I'm using the one from meyerweb but they are many others.

Also it seems your using a combination of tables AND floating divs. I'm not sure if you really need a float for your design anyway .. you could consider absolute positioning as your layout seems fixed ..

Upvotes: 1

Related Questions