| welburnb@ecu.edu 2006-02-12, 6:43 pm |
| Hi all,
I'm new to all of this and would like to know if any one can tell me
how I can get this page to display the same in FF as it does in IE
http://www.geocities.com/bawelburn/
In IE the content background color is displayed - but not in FF
In IE the Content Border-Left is displayed (2px) but not in FF
Note aslo when I view this page with FF on my PC the links are
displayed correctly, but on the geocities page they are not.
This is my CSS code.
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
background-color: #EAF3DA;
color: #666666;
text-align: center;
}
#wrapper {
width: 770px;
background-color:#AED673;
margin:10px auto;
border: 2px solid #003366;
text-align:left;
}
#banner {
height: 110px;
background-image: url(Company_name_logo.png);
background-repeat: no-repeat;
border-bottom:2px solid #003366
}
#leftcol #nav ul {
background-color: transparent;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 80%;
}
#leftcol #nav ul li {
padding: 0;
margin: 0;
}
#leftcol #nav ul li a{
background-color: #AED673;
color: #003366;
display: block;
padding: 4px 0px 6px 4px;
text-decoration: none;
height: 1%;
text-indent: 10px;
}
#leftcol #nav a:hover, #leftcol #nav a:focus {
background-color: #003366;
color: #fff;
}
#content{
margin-left: 125px;
width: 638px;
border-left:2px solid #003366;
background-color: #E0EDC5;
}
#content p{
font-size: 80%;
margin: 20px;
color: #003366;
}
#content h1{
font-size: 130%;
color: #003366;
padding: 0;
margin: 20px;
}
#content h2{
font-size: 110%;
color: #003366;
padding: 0;
margin: 20px;
}
#footer{
border-top: 2px solid #003366;
background-color: #AED673;
color: #003366;
clear: both;
text-align:center
}
#footer p {
font-size: 70%;
padding: 3px;
}
#footer a
{
color: #003366;
text-decoration: underline;
}
#footer a:hover
{
color: #003366;
text-decoration: none;
}
#leftcol{
margin-left: 0px;
margin-top: 20px;
width: 125px;
margin-bottom: 20px;
float: left;
}
#content p.right{
float: right;
}
..container{
width: 99%;
float:right;
}
Thanks
Brian
|