473,320 Members | 1,863 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Validation not good enough for IE

Hello all,

I'm back again with a slight issue with IE (who doesnt have an issue with it :\ ). I am developing a website for a client of mine, and they really like the look of it. Its nearly done, and I decided to XHTML validate it, and guess what: It passed !

I was fairly happy, up until i ran a test on the site through browsershots.org. There I noticed that any incarnation of Internet Explorer rendered the site horridly.. absolutely terribly awfully.

Here is a shot of what it is supposed to look like (in Firefox):
http://browsershots.org/png/original/1a/1ae717bfebb9173e6281e262775f7f15.png

and here is what im getting in IE:
http://browsershots.org/png/original/95/9530f3b865a91d66074a48faedbfafed.png

index.html Source:
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Development Page</title>
</head>

<body id="home_page">

<div id="wrap">


<div id="header">
<div id="logo">
<img src="forty_clear.png" width="167" height="167" alt="Logo" />
</div>

<p id="title"><span>Guillebeau Iron Incorporated</span>"Top Quality Workmanship In Wrought Iron Fabrication And Design."</p>

<ul id="nav">
<li><a href="#">Home</a></li>

<li><a href="#">Information</a></li>
<li><a href="#">Pictures</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

<div id="content">
<h2>Content Title</h2>

<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
<h2>Content Title</h2>
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
</div>

<div id="footer">
<p>Copyright &copy; 2007 - 2008 Guillebeau Iron, Inc.</p>

</div>

</div>

</body>
</html>
[/HTML]


CSS Source:
Expand|Select|Wrap|Line Numbers
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. /*
  5.  
  6.     CSS for http://guillebeauiron.com
  7.     Copyright 2007 Guillebeau Iron, Inc.
  8.  
  9.     Design by NULL Byte Design
  10.     URL: http://thenullbyte.org
  11.  
  12. */
  13.  
  14. body {
  15.     margin: 0;
  16.     padding: 0;
  17.     font-size: 105%;
  18.     font-family: "Lucida Grande", Veranda, sans-serif;
  19.     line-height: 1.5em;
  20.     color: #333;
  21. }
  22.  
  23. #wrap {
  24.     margin: 0 auto;
  25.     padding: 2em;
  26.     width: 50em;
  27. }
  28.  
  29. #header {
  30.     float: left;
  31.     width: 100%;
  32.     margin: 0;
  33.     padding: 0;
  34. }
  35.  
  36. #header #logo {
  37.     float: left;
  38.     width: 170px;
  39.     margin: 0;
  40.     padding: 0;
  41.     padding-bottom: 1em;
  42. }
  43.  
  44. #header p#title {
  45.     float: right;
  46.     width: 440px;
  47.     margin: 2em 15em .5em 0;
  48.     padding: .1em;
  49.     border-bottom: 1px solid #cccccc;
  50.     font-size: 80%;
  51.     color: #666;
  52.     font-style: italic;
  53. }
  54.  
  55. #header p#title span {
  56.     margin: 0;
  57.     padding: 0;
  58.     display: block;
  59.     font-weight: bold;
  60.     font-style: normal;
  61.     font-size: 180%;
  62. }
  63.  
  64. #header ul#nav {
  65.     float: left;
  66.     display: block;
  67.     margin: .2em 0 0 2em;
  68.     padding: 0;
  69. }
  70.  
  71. #header ul#nav li {
  72.     display: inline;
  73.     margin: 0;
  74.     padding: 0;
  75.  
  76. }
  77.  
  78. #header ul#nav li a {
  79.     text-decoration: none;
  80.     margin: 2px;
  81.     padding: .1em .7em .1em .7em;
  82.     border: 1px solid #000;
  83.     color: #4e4e4e;
  84. }
  85.  
  86. #header ul#nav li a:hover {
  87.     background: #ccc;
  88. }
  89.  
  90. #content {
  91.     clear: all;
  92.     float: left;
  93.     margin: 2em 2em 2em 1em;
  94.     padding: 0;
  95. }
  96.  
  97. #content h2 {
  98.     margin: 0;
  99.     padding: 0;
  100. }
  101.  
  102. #footer {
  103.     clear: all;
  104.     float: right;
  105.     margin: 0;
  106.     padding: 0;
  107.     border-top: 1px solid #999999;
  108.     text-align: right;
  109. }
  110.  
  111. #footer p{
  112.     margin: 0;
  113.     padding: .2em;
  114.     font-size: 95%;
  115.     color: #999999;
  116. }

If anyone could be so kind as to help me with this issue, it would be greatly appreciated.

*also, does IE5.5 - 6 not understand "margin: 0 auto;" for centering ?
Jan 4 '08 #1
3 1066
drhowarddrfine
7,435 Expert 4TB
Validation never guarantees a page that works as you want. It only means the syntax and placement is correct.

You didn't validate your CSS. There is no such thing as 'clear: all'.
Jan 4 '08 #2
As soon as I removed the "clear: all;" syntax from "style.css" the website was displayed correctly in my IE and Firefox.
Jan 4 '08 #3
As soon as I removed the "clear: all;" syntax from "style.css" the website was displayed correctly in my IE and Firefox.
yeah, i saw that right after i posted. and it did actually validate as XHTML Transitional :\
Jan 6 '08 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

17
by: Phil Powell | last post by:
Where can I find an online PHP form validator script library to use? I have tried hacking the one here at work for weeks now and it's getting more and more impossible to customize, especially now...
2
by: wumingshi | last post by:
Hi, When validating an XML instance, sometimes the schema is not enough to expression the validation rules. Additional validation rules may be expressed in an application-specific way. For...
67
by: Scott Meyers | last post by:
I have a web site that, due to maintenance by several people, some of whom are fairly clueless about HTML and CSS, etc. (notably me), has gotten to the point where I'm pretty sure it's suffering...
41
by: Gérard Talbot | last post by:
Cross-posted to: comp.infosystems.www.authoring.html and alt.html Followup-to: comp.infosystems.www.authoring.html 1- One day, I stumbled across a website that offers to validate webpages. What...
2
by: Marius Traelnes | last post by:
Hello! My problem is that i have validation controls on my webform but they are not "fired" because there is no "onclick" event being made on the button that should "fire" off the validation...
4
by: Alan Silver | last post by:
Hello, I have been playing with some of the code in ASP.NET Unleashed, to try and understand what's going on. I am getting on pretty well, but have struck a problem. I was looking at samples for...
2
by: kj | last post by:
Here's a puzzle I can't figure out. I visited the page http://validator.w3.org, and confirmed that it validates itself. Then I *saved* it to my docroot directory using my browser's save-as...
10
by: NikitaTheSpider | last post by:
Hi all, I would like to announce the alpha release of a service that does bulk/batch HTML validation, link checking and more. During alpha testing, the service is free -- I need people to try this...
7
by: h7qvnk7q001 | last post by:
I'm trying to implement a simple server-side form validation (No Javascript). If the user submits a form with errors, I want to redisplay the same form with the errors highlighted. Once the form...
7
by: e_matthes | last post by:
Hello everyone, I've read enough about email validation to know that the only real validation is having a user respond to a confirmation message you've sent them. However, I want to store the...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.