Help With 2 FF + Pure CSS things.

Thrax · March 2006

My CSS Sheet:

[php]* {
margin: 0px;
padding: 0px;
}

html, body{
margin:0;
padding:0;
text-align:center;
background-color:#EBC88E;
height: 100%;
}

#pagewidth{
width:766px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#header{
position:relative;
height:90px;
background-color:#FFFFFF;
width:100%;
}

#MainColDivider1{
position:relative;
height:23px;
background-color:#493B24;
width:100%;
vertical-align: middle;
}

#banner{
position:relative;
height:216px;
background-image: url(H:\pirate_banner.jpg);
border-style: solid;
border-bottom-width: 4px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-color: #493B24;
}

#MainColDividerNews{
position:relative;
height:33px;
width:615px;
background-color:#866C41;
width:100%;
border-style: solid;
border-bottom-width: 4px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-color: #F3EEE6;
vertical-align: middle;
}

#maincol{
width:615px;
position:relative;
background-color:#FFFFFF;
float:left;
}

#logincol{
background-color: #EFE6D8;
display:inline;
position: relative;
float:right;
width:151px;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */[/php]

My HTML:
[php]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Freelancer - A Cenarion Circle Guild</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<meta name="Freelancer, CCRA, Raiding, World of Warcraft, WOW" content="www.ccraidalliance.org" />

<link rel="stylesheet" href="Anonymous151670359.css" type="text/css" />
</head>
<body>

<div id="pagewidth" >

<div id="header" >
<p> </p>
<blockquote>
<p align="left"><font face="century gothic" color="#493B24"><font STYLE="font-size : 24pt; vertical-align: middle;">Freelancer</font><br>
<font STYLE="font-size : 11pt;">a Cenarion Circle guild</font></font></p>
</blockquote>
</div>
<div id="wrapper" class="clearfix" >

<div id="MainColDivider1" ><font color="#FFFFFF" face="century gothic" size=2> HOME FORUM POINTS ABOUT
US </font></div>

<div id="banner" > </div>

<div id="MainColDividerNews" ><font color="#EBC88E" face="century gothic" size=5> News</font>
</div>

<div id="maincol" > Main Content Column </div>

<div id="logincol" > Login Column</div>

<div id="footer" ></div>
</div>
</div>
</body>
</html>[/php]

Problems:
1. When I set "background-image: url(H:\pirate_banner.jpg);" for the #banner class, no image is displayed.

//EDIT:

#2 removed.

MiracleManS · March 2006

I'm pretty sure CSS has problems handling things directly from a hard drive, as it were I tried using a link from a web source and it worked just fine.

Thrax · March 2006

Nah, it wasn't that. I ended up scrapping the project for when I have more time at a later date. Thanks.

a2jfreak · March 2006

Did you switch to FF, Thrax?

Help With 2 FF + Pure CSS things.

Comments