-
CSS Woes [Resolved]
Edit: For anybody having the same problem, http://www.positioniseverything.net/easyclearing.html .
I'm having a problem with the CSS on my site with Firefox. Strangely enough it's IE displaying it right, an sign of bad coding on my behalf I can imagine.
The address is currently at http://213.249.172.174 , but I'm on a dial up so it won't be there for long.
If you view the page in IE, you'll see the white box behind the content stretches to fit the size of its contents. In Firefox however, it doesn't. Any idea or suggestions would be greatly appreciated.
Code:
body {
text-align:center;
background:#BDD2C4;
padding:10px 10px;
vertical-align: middle;
}
p,h1,pre {
margin:0px 10px 10px 10px;
}
h1 {
font-size:14px;
padding-top:10px;
}
#frame {
width:600px;
background: #FFFFFF;
padding:25px 25px;
text-align:left;
vertical-align: middle;
font-family: Georgia, "Times New Roman", Times, serif;
}
#logo {
width:150px;
height:290px;
background:#FFFFFF url(logo.gif) no-repeat center center;
}
#contentheader {
background:#A9C5B2;
text-align: center;
color: #62836C;
}
#contentheader h1 {
font-size:14px;
padding:5px;
margin:0px;
}
#contentleft {
width:150px;
padding:0px;
float:left;
background:#A9C5B2;
color: #FFFFFF;
font-size: 14px; text-align: center;
}
#contentleft A {text-decoration:none; color:#FFFFFF; }
#contentleft A:visisted {text-decoration:none; color:#FFFFFF; }
#contentleft A:hover {text-decoration:underline; }
#contentleft p {
font-size:14px;
font-weight: bold; margin-top: 10px;
color: #FFFFFF
}
#contentcenter {
width:450px;
padding:0px 0px 15px 0px;
float:left;
font-size:12px;
background:#E3ECE6;
color: #62836C;
text-align: justify;
}
#contentcenter A{text-decoration:none; color:#FF0000; }
#contentcenter A:visisted {text-decoration:none; color:#FF0000; }
#contentcenter A:hover {text-decoration:underline; }
#contentcenter p {
font-size:12px;
margin:0px 15px 0px 15px;
}
#contentcenter h1 {
font-size:16px;
padding-top:10px;
margin:0px 15px 0px 15px;
}