Jump to content

Validating Just Fine But Not Displaying Correctly In Ie Or Google Chrome


migroo
 Share

Recommended Posts

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: FireFox.pngIn Google Chrome it looks like this (note that my header image has bean pushed down): GC.pngI 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

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

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

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...