Forum Moderators: open
The site I'm working on for a friend won't display most of the content in IE. Everything is perfect in Firefox, Safari, etc., but I only get the masthead image in IE.
Take a look:
<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>
Now, here's where it gets confusing...
I know things shouldn't look right in IE. I haven't done anything to make it work in IE yet, and I'm hoping to get that taken care of soon, through what I have posted over in the Javascript forum [webmasterworld.com].
The really strange thing is that even with none of the styles on the page, none of the content appears in IE. My code is correct, but nothing displays. I'm guessing that there's some browser issue that I'm not aware of that's taking over.
Here's a page with styles removed. It's fine in Safari and Mozilla browsers, but nothing loads for IE. Can somebody help me figure out what's wrong here?
[edited by: tedster at 12:02 am (utc) on Mar. 29, 2005]
W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]
What happens when there are errors in a document is that browsers must go into an error recovery routine. How each browser does that (recovers from an error) is a unique process - so the best way to start is to find and eliminate errors.
Anyway, here's the code. There are no errors, according to the W3C validator. The stylesheet has no errors either, but as I said, it does not display anything in IE, even without the style sheet.
<!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" />
<meta name="robots" content="all" />
<title>asdda sdfas df asdda sdff</title>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="weekday"><script src="/days.js" type="text/javascript" /></div>
</div>
<div id="announce">
<div class="announcehed"><h2>Latest update: March 23, 2005</h2></div>
<div class="announcesub"><h3>Shows announced, Blog operational!</h3></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In vitae eros. Cras sit amet libero non magna molestie molestie. Nunc risus ante, vulputate vel, condimentum a, scelerisque in, metus. Vestibulum urna.<br />
Duis tempus aliquam orci. Duis ac nulla. Etiam scelerisque, velit in vestibulum consequat, eros urna dictum urna, in interdum libero tortor eget ipsum. Vestibulum nec tortor.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In vitae eros. Cras sit amet libero non magna molestie molestie.</p>
<p class="announceextended">
Continue reading <a href="/whatever/">"Shows announced, Blog operational!"</a></p>
</div>
<div id="left">
<h2>Blah blah Attack!</h2>
<p><img src="/images/group.png" alt="Group photo" title="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In vitae eros." width="259" height="209" align="right" /></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In vitae eros. Cras sit amet libero non magna molestie molestie. Nunc risus ante, vulputate vel, condimentum a, scelerisque in, metus. Vestibulum urna. Duis tempus aliquam orci. Duis ac nulla. Etiam scelerisque, velit in vestibulum consequat, eros urna dictum urna, in interdum libero tortor eget ipsum. Vestibulum nec tortor.</p>
<p></p>
<p></p>
<p></p>
<p><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In vitae eros. Cras sit amet libero non magna molestie molestie. Nunc risus ante, vulputate vel, condimentum a, scelerisque in, metus..</p>
</div>
<div id="right">
<div id="menutop"></div>
<div id="menumid">
<ul>
<li><a href="/" title="asdsdaf">Home</a></li>
<li><a href="/news.html" title="asdd">Latest updates</a></li>
<li><a href="/awok.html" title="sdfg">Meet AWOK</a></li>
<li><a href="/blog" title="asdfsadfdsa">Blog</a></li>
<li><a href="/photos.html" title="asdfsdaf">Photos</a></li>
<li><a href="/videos.html" title="asddfsadf">Videos</a></li>
<li><a href="/press.html" title="asdf">Press</a></li>
<li><a href="/links.html" title="Links page">Links</a></li>
<li><a href="/contact.html" title="asdfasdf">Contact</a></li>
</ul>
</div>
<div id="menubottom"></div>
<div class="sideblackbox">
<h3>Search</h3>
<form method="get" action="asdfasdasdfasdf">
<input type="hidden" name="IncludeBlogs" value="1" />
<input id="search" name="search" size="22" />
</form>
</div>
<div class="sideblackbox">
<h3>e-mail list</h3>
<form action="/cgi-bin/subscribe.pl" method="post">
<p><input type="text" size="22" name="email" /></p>
<p><input type="radio" name="subscribe" value="subscribe" checked="checked" /> Subscribe</p>
<p><input type="radio" name="subscribe" value="unsubscribe" /> Take me off your list</p>
<p class="sideblackboxinput"><input type="submit" value="Submit" /></p>
</form>
</div>
</div>
<div id="footer">
<p><a href="http://validator.w3.org/check?uri=referer">XHTML</a> ¦ <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> ¦ © 2005 A Week of Kindness</p>
</div>
<div id="clearing"></div>
</div>
</body>
</html>
Like I said, the code is valid. In IE, I just get a blank page. I can view source to see all this code, but nothing gets displayed. I hate to have to post so much of it, but I honestly can't see any errors, and neither can the W3C validator. Can you please help?
IE will be much happier.
