For my new layout I want to have a large square with little squares in it. So I made a relative positioned cube with absolute positioned (for design reasons) squares in it.
Now, in Chrome and Firefox this works. All the squares have the same width and height; 60px (2px padding included) and all positions are right.
But in IE (8 & 9), the little squares’ padding seem to have become margin.
Probably a stupid mistake, but I can’t seem to get it right.
Ok, I formatted the code here to make it easier to read so I removed my doctype… :x
I’m currently working with HTML5’s doctype : <!DOCTYPE HTML>
But this is not working. So how should I solve this one with the HTML 5 doctype?
Ok, the strangest thing happened. I placed the doctype at the very top of the page and the page worked! Now when I place it back to where it was, it still works! :goof:
I’m more than confused, I haven’t changed anything else.
But that’s probably why I couldn’t find anything about this problem searching the web for the last 6 hours…