Alright, I can't figure this out. I created my page and used mostly Firefox to see how it looked. I went into IE and it looks completely different. I used pixels to position everything pretty much so I don't see how that could be the problem. In Firefox it looks great, in IE not so much.
Here is my code from my .css file.
CODE
#container {
height:100%;
}
body {
background-color:#d5daff;
}
marquee {
padding-top:6px;
background-color:#FFFFFF;
}
#header {
background-image:url(images/top_bg_2.png);
background-repeat:repeat-x;
width:802px;
height:223px;
}
#navbar {
padding-top:0px;
font-size:small;
font-family:Arial, Helvetica, sans-serif;
}
#navbar a {
padding-left:7px;
padding-right:7px;
}
#navbar a:link, a:visited {
color:#000000;
text-decoration:none;
}
#navbar a:hover {
color:#CCCCCC;
text-decoration:none;
}
#main {
font-size:medium;
font-family:Georgia, "Times New Roman", Times, serif;
width:760px;
padding:20px 20px 20px 20px;
background-color:#FFFFFF;
border-width:thin;
border-color:#000000;
border-style:solid;
border-bottom:none;
}
#footer {
background-image:url(images/foot_bg.png);
background-repeat:repeat-x;
font-size:small;
font-family:Arial, Helvetica, sans-serif;
border-top-width:medium;
border-top-color:#000000;
border-top-style:solid;
background-color:#666666;
width:802px;
height:30px;
}
Here is the website so you can view it in both browsers.
www.notanotherfreesite.com/zbt/index.php
8 Oct, 2008 - 07:54 PM
| 