migroo Posted March 10, 2010 Share Posted March 10, 2010 I have a page that validates perfectly but I still am having display problems with it.Here is a link: My web siteI apologize for the size of my pages I made them way way to wide. This is one of my first attempts to make a website and I am doing it on a new computer that has a 20.1", my old one had a 15", screen so I wasn't thinking when I made it. It displays fine in FireFox but it messes up in IE and Google Chrome I have not checked it on other browsers.In FireFox it looks like this: In Google Chrome it looks like this (note that my header image has bean pushed down): I think I am also miss-using tables again although it has nothing to do with this problem Anyone know why it is doing this?Also I found a really nice tool for validating webpages its an ad on for FireFox: Web Developer. Link to comment Share on other sites More sharing options...
thescientist Posted March 10, 2010 Share Posted March 10, 2010 don't use table for what you are trying to do. Use lists for navigation, background images in div's, etc. Tables are only meant for displaying tabular data. Link to comment Share on other sites More sharing options...
migroo Posted March 10, 2010 Author Share Posted March 10, 2010 Okay but I don't think that is the problem with my code... The table comes after my problem. <div class="conback3"> <img src="images/bg_header_ca.jpg" width="1200" height="5" alt="header"/> All my other code (including tables)...........</div> Link to comment Share on other sites More sharing options...
thescientist Posted March 10, 2010 Share Posted March 10, 2010 regardless, you're still using tables for something other than what they're semantically intended for; something you allude to in your own post.it should also be noted that one of the most surefire ways of ensuring correct rendering across all standards compliant browsers is with a Strict DTD. Some people complain it "ruins" their page, but it just actually highlights the errors they weren't seeing because of the way a transitional DTD is more forgiving.Since an image is inline, it will not take width (or height?) attributes. You could try setting it to display: block and then try removing the padding and margins from it. Link to comment Share on other sites More sharing options...
migroo Posted March 11, 2010 Author Share Posted March 11, 2010 Okay I will give it ago. I now know what is wrong with tables and using them for anything other than tabular data. So I won't be doing that again. Also I will try a strict DTD on my next website I have always just used transitional. Thank you. Link to comment Share on other sites More sharing options...
thescientist Posted March 11, 2010 Share Posted March 11, 2010 no prob, good luck! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.