Help - Search - Members - Calendar
Full Version: Page will not display correctly in IE 8.0
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
kem0830
I am pretty inexperienced with this type of thing and can't figure out why my site won't display properly in IE. I used XHTML and CSS code. Can someone look over this and let me know if anything sticks out? Very frustrating! Thanks!

My page is still under construction, but the URL for this code is www.kemathews.com.

QUOTE
<!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="keywords"
content="Photography, kevin, mathews, portfolio, chicago" />

<meta name="description"
content="Kevin Mathews Photography" />

<title>Kevin Mathews Photography</title>


<style type="text/css">


p.footer {font-family: copperplate gothic light;
font-size: 14px;
color: #ddb206;
background: black;
line-height: 1em;}

p.quote {font-family: sans serif;
font-size: 16px;
color: silver;
background: black;
line-height: 0.5em;}




#navbar {

background-color: black;
border-bottom: black;
border-left: black;
border-width: 0 0 thin thin;
border-style: none none none none;
display: block;
float: right;
margin: 0 0 0 10px;
padding: 0 10px 0 10px;
width: 450px;
line-height: 0.5em;
font-family: copperplate gothic light;}




body {background: black;
font-family: century gothic;
font-size: 20px;
color: gray;
margin-left: 72px;
margin-right: 72px;
margin-top: 10px;}




a {text-decoration: none; font-weight: none}
a:link {color: gray}
a:visited {color: gray}
a:hover {text-decoration: underline}

</style>


</head>

<body

<div id="navbar">

<img src="sig.png" height="53" width="481"/>
<p><a href="www.kemathews.com/galleries main.html">Galleries</a></p>

<hr style="color: #ddb206;" />
<p><a href="www.kemathews.com/about.html">about</a></p>


<hr style="color: #ddb206;" />
<p><a href="www.kemathews.com/links.html">Links</a></p>
<hr style="color: #ddb206;" />
</div>


<img src="5511.jpg" height="550" width="780"/>

<br>

<center><p class="quote">"Enthusiasm is a kind of faith that has been set on fire" - George Matthew Adams</center>

<hr style="color: #ddb206;" />


<div id="footer">

<div id="copyright">

<br />

<center><p class="footer"><a href="www.kevinmathews.com/welcome.html">HOME</a> | <a href="main.html">BLOG</a> | <a href="galleries main.html">GALLERIES</a> | <a href="main.html">PROFESSIONAL</a> | <a href="ABOUT.html">About</a> | <a href="http://w">CONTACT</a></p></center>

<center><p class="footer">Website, photography, and content © Kevin Mathews 2011</p></center></div>

</div>


</body>


</html>

pandy
On what way doesn't the page display correctly? Without images it's a little hard to figure out how it's supposed to look and without IE8...

Meanwhile, fix the validation errors (the first link may be too long to work with IE).
http://www.htmlhelp.com/cgi-bin/validate.c...0A%3C%2Fhtml%3E
http://jigsaw.w3.org/css-validator/validat...;usermedium=all

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2013 Invision Power Services, Inc.