|
Giomanach -> Why Are... (1/23/2005 13:13:36)
|
...the browsers just ignoring my CSS?
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=iso-8859-1" />
<title>iDefence - Internet Abuse Report: Prevent Abuse, Report Abuse</title>
<link rel="stylesheet" href="01.css" type="text/css" />
</head>
<body>
<div id="page">
<div id="head">
<img src="images/main.gif" alt="iDefence" width="200" height="54" align="middle" /> - Internet Abuse Resource: Prevent Abuse, Report Abuse
</div>
<div id="nav">
<a href="#" title="Home">Home</a> | <a href="#" title="Report Abuse">Report Abuse</a> | <a href="#" title="Resources">Resources</a> | <a href="#" title="Contact Us">Contact Us</a>
</div>
<div id="content">
</div>
</div>
</body>
</html>
CSS:
html, body{
margin: 4px;
background: #E5E5E5;
text-align: center;
}
#page{
margin: 0 auto;
text-align: left;
background: #FFF;
border: 1px solid #000;
width: 750px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#head{
color: #BBB;
font-size: 18px;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
}
#nav{
background: #FFF url(images\navback.gif) repeat-x;
text-align: center;
height: 20px;
}
#nav a:link{
background: transparent;
padding-left: 20px;
padding-right: 20px;
padding-top: 4px;
}
Please say it isn't me...
It all Validates as XHTML 1.0 Trans and CSS validates without warnings.....
Dreamweaver displays it fine...so does FrontPage, but the browsers? [img]http://tcwozere.co.uk/smileys/banghead.gif[/img]
The page displays as it should, but the nav DIV, only the left and right padding on the links works, nothing else, the filenames on the images are right, everything as far as I can see is right....
TIA
Dan
|
|
|
|
