Ok, I just re-launched my web site, and in FF it looks fine, as well as Safari and Opera - But IE just plain old sucks for my site - for some reason the body text is way lower than in any other browser. I can post the CSS file but its really big, and the HTML you can always just right click and view source - let me know if there is some simple fix that I can just add to my CSS file (which is where I think the problem is right now!) I am sure that there are other people who have had this issue - so I dont think it is that hard to fix - I just dont know what to do with it though. If you can help, please just post the snippet of code to add, and also more importantly, tell me where to put it so it works TIA, Adam -
First problem is that IE is in quirks mode. IE7 isn't centering your page correctly. Add this to the page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> HTML: It goes before HTML. See here for more details : http://www.alistapart.com/articles/doctype/ Odds are this is going to screw your site up. But its the correct path to saving you headache down the road.
Weird - I am at work right now, and in IE it looks fine! Not sure why - I never changed anything, but at home it looks silly in IE, but ok in EVERY other browser - lol The only issue seems to be in the body, the text in IE is lower than the nav on the left - but in every other browser it comes up to the top like it should - like I said - weird!
See, now that is close to how it should look - except for the fact that there is no padding for the text in the body - but at least the body text is up toward to top - wOOt Anyway, I know I still have some work to do - anyone else care to comment or help?
It should look like its all slammed to the left? Different type of web design. Ain't sure I like it but who knows.
So, I have a couple questions - what is the difference between Transitional, Frameset and Strict? AND, which one should I use and why? What I am trying to do is cater to everyone and there browser of choice, obviously not an easy task for me! Thanks in advance for your help! Adam
Use Strict. Frameset is for sites using Frames (avoid like the plague). Transitional is lax. It (I believe) was meant for phasing between HTML 3.2 and HTML 4.0. Supposed to use it until the newer standard was better supported. As to why use Strict... umm. How about we just go with, it was the one intended for primary use. yet another link: http://24ways.org/2005/transitional-vs-strict-markup
K - I used all valid code now, or at least it validates now with the W3, but it is still completely wrong in IE! Grrrrrrrrrrr
IE7? it looks ok to me. The content area is still a bit low and the H tag probably needs its margin/padding adjusted some. You will probably have to resort to setting IE's padding/margins differently (hack or conditional statement).
Well, I just re-validated, only because I was using the wrong doc type - but it is still not right, I will have to work on it some more - Thanks a ton for the help with Doc Types though - I really do appreciate your help!
Ok - I got it to validate now, BUT, still having issues in IE6 for some reason, any ideas why the text in the body is still WAY too low? Anyone, gimme a piece of code and tell me where to stick it - lol I gotta get this right - it will drive me nuts! Please help a poor old man, just trying to get along here ;-)