AbbyShotDev Posted May 31, 2011 Share Posted May 31, 2011 Got one other thing with my troubled CSS, Anyone know why with Internet Explorer, my page www.abbyshot.com looks different in the middle row nav bar then in FIREFOX or CHROME.... You can see there that the middle white nav bar doens't extend the full length and is cut short 8 pixels IN IE.. and the logo scroller image is too bigg IN IE.. on the other browsers this doens't happen, anyone got the quick fix? my css is www.abbyshot.com/styles.css... i bet it has something to do with overriding or zindex? hmm maybe not? Quote Link to comment Share on other sites More sharing options...
sunfighter Posted May 31, 2011 Share Posted May 31, 2011 Go here and fix the errors in your code: http://validator.w3.org/ Code that don't validate will run differently in different browsers. You have 55 Errors, 38 warning(s) The biggest is No DOCTYPE found, and unknown root element. This will definitely cause browsers rendering problems. Quote Link to comment Share on other sites More sharing options...
AbbyShotDev Posted May 31, 2011 Author Share Posted May 31, 2011 Hmmmmm, THANKS isn`t: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> good enough? Quote Link to comment Share on other sites More sharing options...
AbbyShotDev Posted June 2, 2011 Author Share Posted June 2, 2011 Go here and fix the errors in your code: http://validator.w3.org/ Code that don't validate will run differently in different browsers. You have 55 Errors, 38 warning(s) The biggest is No DOCTYPE found, and unknown root element. This will definitely cause browsers rendering problems. wahtever man , none of this is causing my IE problem... i fixed the doctype and put: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> in there and still w3validater dont like my code Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted June 3, 2011 Share Posted June 3, 2011 Sunfighter has a point crossbrowser issues are often caused by a missing doctype. (for IE that is) Since you already have a doctype, that is not the problem. But two other thing that are important in order to fix/prevent cross browser issues. First is the use of a reset.css (see sticky of the css forum) until you know what your doing use it (place it above your other styles). Afterwards you can drop it, if you find those 3 kb to much, wouldn't recommend it though. Second fix all errors in the document (pay attention though the validator does not like css3 although it can very well be valid) p.s. just changing a doctype to a different one won't fix the errors, in fact the validator is pretty precise in pointing out what is the error and what might cause it. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.