1 Vote Vote

Website trouble

Posted by topdog 646 days ago Questions| div href html All
I have a question why does this code not work in IE but does work in Firefox and Chrome? Using Webs as a host
CODE
<!--THE DOCTYPE: Required to be able to validate your XHTML pages. It tells the browser what your page is.-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<!--HEAD: This is where you put content that is not visible on the page-->
<head>

<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
<!--TITLE: The page's title. Appears in the tab on your browser-->
<title>RoadRanger</title>
<!--LINK: Provides a link to the CSS page which gives all the formatting to this page. Everything would be a MESS without it-->
<link rel="stylesheet" type="text/css" href="blog.css" />

</head>
<!--BODY: All the visible content goes in here-->
<body>
<!--My master div the whole page would go amuck without this ID: Provides an unquine id for this div a CSS rule applies to this.-->
<div id="master">
<!--My header where my title goes also has it's own id-->
<div id="header">
<!--H1: My title SUP: Creates super-text-->
<h1>ROADRANGER<sup>Blog</sup></h1>
</div>
<!--My navagation menu-->
<div id="menu">
<!--UL: This is a ordinary list but transformed in a working navagational menu all by CSS-->
<ul>
<li><a href="index.html">Blog</a></li>
<li>Pictures
<ul>
<li><a href="ont.html">Ontario</a></li>
<li><a href="qbc.html">Quebec</a></li>
<li><a href="nbk.html">New Brunswick</a></li>
<li><a href="nvs.html">Nova Scotia</a></li>
<li><a href="pei.html">P.E.I</a></li>
<li><a href="nfl.html">Newfoundland</a></li>
</ul>
</li>
<li>Videos
<ul>
<li><a href="vont.html">Ontario</a></li>
<li><a href="vqbc.html">Quebec</a></li>
<li><a href="vnbk.html">New Brunswick</a></li>
<li><a href="vnvs.html">Nova Scotia</a></li>
<li><a href="vpei.html">P.E.I</a></li>
<li><a href="vnfl.html">Newfoundland</a></li>
</ul>
</li>
</ul>

</div>
<!--My sub header where the HTML and CSS validator links are-->
<div id="sub">
<!--Displays the picture link to the HTML Validator by W3C-->
<a href="http://validator.w3.org/check?uri=referer"><img
src="w3c.png"
alt="Valid XHTML 1.0 Strict" /></a>
<!--P: A paragraph-->
<p>Our blog about our travels!</p>
<!--Displays the picture link to the CSS Validator by W3C-->
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img
src="css.png"
alt="Valid CSS"
id="cssvp" /></a>

</div>
</div>

</body>
</html>


The CSS for it is:
CODE
body {
background-image: url("bg.png");
background-repeat: repeat-x;
}

/* The div that encloses the entire webpage NOTE: */

#master {
width: 800px;
margin-left: auto;
margin-right: auto;
clear: both;
}

/* The title section NOTE: */

#header {
position: absolute;
top: 0px;
width: 800px;
text-align: center;
clear: both;
}

#header h1 {
font-family: fantasy;
font-size: 50px;
margin: 0px;
}

#header sup {
font-family: cursive;
font-size: 20px;
margin: 0px;
}

/* Navagation menu section NOTE: */

#menu {
width: 800px;
position: absolute;
top: 85px;
z-index: 1;
}

/* The navagation menu itself NOTE: Add an Experment section? */

#menu ul {
margin-left: 152px;
margin-right: 152px;
}

#menu li {
list-style-type: none;
border: black 1px solid;
width: 150px;
text-align: center;
background-color: #888888;
float: left;
}

#menu a {
text-decoration: none;
color: #000000;
display: block;
}

#menu a:hover {
background-color: #444444;
color: #FFFFFF;
}

#menu li ul {
display: none;
margin-left: -2.5em;
}

#menu li:hover > ul {
display: block;
}

#menu li li li {
margin-left: 10px;
}

/* The section below the navagation menu NOTE: Needs better centering */

#sub {
width: 800px;
position: absolute;
top: 150px;
text-align: center;
}

#sub img {
float: left;
border: 0;
margin: 10px;
width: 100px;
height: 35px;
}

#sub p {
float: left;
margin-left: 180px;
margin-right: 180px;
width: 200px;
}


It works just fine when I run it from notepad++ in IE, Firefox, and Chrome.

My guess is that it's an problem with the Host.

This code is not all the code in my webpage just the part that is having trouble

My XHTML and CSS validates in the W3C validator
Discuss Bury


Who Voted for this Question