I am so fed up!! I've been trying to understand this by myself, but I don't seem to be getting anywhere - if someone could help me, that would be fantastic. Anyway, to the problem. The issue is http://www.weatherstorm.org. I was very lazy and instead of creating my own layout, I used a premade one and edited it, so I don't understand it as well as I would had I done it all myself. In Firefox, everything is looking exactly as I want it to. However, when I open it in IE, the side bar is below the blog content, it is slightly too far to the left, and the font is incorrect. I tried to use the font script that I generally use, but it made the font in Firefox go mad. If anyone knows which part of the script it is reading differently and why, please tell me!
I've just realised that this might fit better into 'Website Functionality' - really sorry if it's in the wrong place!
I don't usually use IE, but you have HTML errors on your page. Check them out with the http://htmlhelp.com/tools/validator/ and fix them. And while you're at it, check for http://jigsaw.w3.org/css-validator/ too. Then see if your problem persists.
The CSS checks out okay, but I will definitely fix the HTML errors a.s.a.p!
Okay I'm even having problems with HTML compliance now! The only problem left is with the quote generator in the footer - it says I cannot put a
Actually, the posted code doesn't help, because it doesn't match the online version that the validator is reporting problems with.
The online version tries to put a <p> element inside an <i> element.
Okay, I have now edited it so that both the HTML and CSS check out okay in the validators. I have also been through the ENTIRE code to see if there are any 'loose ends' - i.e. DIVs left open, too many end tags, closing a particular DIV in the wrong place, etc - and discovered that there are none.
The only thing I could spot was that perhaps it had something to do with a confusion about related tables - for example, "col2" and "right" relate to each other, but then "content" has been put inside of it as well. Would IE have trouble reading this? I'll explain a little better.
The CSSsays:
.col2 .right
But in the coding, it looks like this:
<.col2>
<.right>
<.content> information here </.content>
<.right>
<.col2>
(of course, without the full stops/periods.)
However, I thought that because even the font is incorrect in IE, that perhaps it was having trouble reading the style sheet. As I have already posted the CSS above, can anyone see anything that would be interpreted differently in IE?
As to the font problem, I also get a serif font using Firefox (Mac). My browser's preference is set for Times. If I change your CSS to
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)