The page im having trouble with is http://iambob.net/ the CSS and the HTML have both validated correctly and when viewing the page in mozilla the desired effect is achieved (havent got any other browsers to test with) but when I opened up the same page in IE6 it was rendering it completely wrong.. i dont know how its appearing for anyone else looking @ it now but on my IE it makes the text shift to the left quite significantly, this is also dependant on how far down the page the text is?!?! Im completely lost as the code is 100% correct as far as w3.org are concerned, can anyone suggest what the problem mite be?? I have heard that IE 5.5 wasn't CSS 1 compatible and that pages were unable to render correctly when using some of the more 'advanced' features.. but i cannot find any info relating to the same thing happening in IE 6
That's IE for you. I heard they were gunna stop rolling out new versions so maybe not everyone might start using a proper browser. A friend of mine knows a lot about CSS and all the pains IE can cause when you use them together. I will see if I can get him to drop by.
The only thing I see wrong in IE is some border problem (screenshot). The code on your page was kind of excessive and illegible, so I took the liberty of remaking it, and in the process, fix your problem. There is, however, another (rather minor) problem; there is a tiny space between the top rectangle, the navbar and the logo. Other than that, it looks the same in Opera 7.50 (probably earlier versions too), FireFox 0.8 (I blindly assume Mozilla handles it perfect too, but I haven't tested) and IE6. Things changed: FIR is used to replace the logo text with an image in graphical browsers. This is good, because text-only browsers will still see the plain logo text. Dates now use a level 2 heading, <h2>, instead of the more generic <div class="title">. The navbar is now an unordered list, styled appropriately with CSS. A small stylesheet with a trivial hack is sent to IE via conditional comments.
Thanx very much for your help.. certainly has changed my perspective on CSS, and the illegibility and excessiveness is how most my coding ends up even tho i set out with the aim to make it better than the last attempt
