mateobus
11-21-2006, 10:01 AM
Hello all, I am fairly new to css and I am trying to create a page with a surrounding container div that contains a thin border around the entire page. The way I have it works with IE7 but not with Firefox. Any insight is appreciated, here is the code:
CSS:
body{
background: url(../Graphics/tesselation.jpg) repeat;
}
div.outer{
width:780px;
border:#000000 thin solid;
margin: 0 auto;
height:100%;
}
div.header{
background:#FFFFFF;
height: 12px;
}
div.left{
background:#FFFFFF;
height: 40px;
float: left;
width:50%;
}
div.right{
background:#FFFFFF;
height: 40px;
float: left;
width: 50%;
}
div.spacer{
background:#FFFFFF;
height: 15px;
}
h1{
font-size:12px;
}
a:link {
color: #006633;
text-decoration: none;
}
[B]HTML:[B]
<body>
<div class="outer">
<div align="center" class="header">
<h1><a href="http://www.d3kicks.com">Home</a> | <a href="http://www.d3kicks.com">Forum</a></h1>
</div>
<div class="spacer">
</div>
<div class="left">
Team #1 </div>
<div class="right">
Team #2
</div>
</div>
</body>
To look at the actual page, you can visit this link: http://www.d3kicks.com/livestats (http://)
Thanks in advance.
CSS:
body{
background: url(../Graphics/tesselation.jpg) repeat;
}
div.outer{
width:780px;
border:#000000 thin solid;
margin: 0 auto;
height:100%;
}
div.header{
background:#FFFFFF;
height: 12px;
}
div.left{
background:#FFFFFF;
height: 40px;
float: left;
width:50%;
}
div.right{
background:#FFFFFF;
height: 40px;
float: left;
width: 50%;
}
div.spacer{
background:#FFFFFF;
height: 15px;
}
h1{
font-size:12px;
}
a:link {
color: #006633;
text-decoration: none;
}
[B]HTML:[B]
<body>
<div class="outer">
<div align="center" class="header">
<h1><a href="http://www.d3kicks.com">Home</a> | <a href="http://www.d3kicks.com">Forum</a></h1>
</div>
<div class="spacer">
</div>
<div class="left">
Team #1 </div>
<div class="right">
Team #2
</div>
</div>
</body>
To look at the actual page, you can visit this link: http://www.d3kicks.com/livestats (http://)
Thanks in advance.