|
CSS - Css Not Recognized
Thanks for taking the time to read my question.
I wasn't sure what forum to ask this in. I hope this is the best one I was at a friends house helping him with a page he is making. It looks great on his desktop PC, but if we transfer the files to his laptop, the page comes up but with no style.... He is using IE7 and has an Acer laptop. I visited other pages on line with the laptop and not one page came up with any style for example I went to msn.com and it was blank. Just text. Is there a setting that you can turn off CSS with? Thanks again, Brad Similar TutorialsCode: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset-utf-8" />
<title>SiteDevs • Home</title>
<style type="text/css">
*{
margin:0;
padding:0;
border:0;
}
body{
background:url(background.png) repeat-x;
margin:40px 0px 0px 0px;
font-size:12px;
color:#000;
}
div#content{
width:700px;
background:#FFF;
margin:0px auto;
height:100%;
}
div.bottomLeft {
background: url(bottomLeft.png) 0 100% no-repeat;
}
div.bottomRight {
background: url(bottomRight.png) 100% 100% no-repeat;
}
div.topLeft {
background: url(topLeft.png) 0 0 no-repeat;
}
div.topRight {
background: url(topRight.png) 100% 0 no-repeat;
}
div.left {
background: url(middle.png) left center repeat-y;
padding-top:15px;
padding-bottom:15px;
}
div.right {
background: url(middle.png) right center repeat-y;
padding-top:15px;
padding-bottom:15px;
margin-left:-15px;
margin-right:-15px;
}
div.top {
background: url(topMiddle.png) top center repeat-x;
margin-left:15px;
margin-right:15px;
}
div.bottom {
background: url(bottomMiddle.png) bottom center repeat-x;
}
</style>
</head>
<body>
<div id="content">
<div class="bottomLeft">
<div class="bottomRight">
<div class="topLeft">
<div class="topRight">
<div class="top">
<div class="bottom">
<div class="right">
<div class="left">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Validates. Problem is this Any idea? I used the typical code to link my style sheet in the header of my index page: <link rel="stylesheet" href="./scripts/matchfit.css" type="text/css"> Its working fine in other browsers (IE, Safari, etc) but the style sheet isn't being recognized at all in Mozilla Firefox. My site mostly made up of PHP - could that be part of the problem? Thanks!! |
|||||||