Hey guys, for 2 days I’ve been trying to get this problem fixed, but no luck!
Ok, here is the site: http://theinfamousuk.com/test1.htm
Looks great in all browsers except IE. My main issue is with IE6 < and I have an little issue with my footer text being lower than it should be, which I’m sure will get resolved once I sort out the main problem.
Alright, I’ve been doing lots of research on CSS and relevant hacks, and I’m pretty sure it’s to do with widths and stuff being interpreted ‘wrong’ in earlier versions of IE. My site looks fine (apart from the footer) in all browsers, but I hit some big probs in IE6 and lower.
I’ve tried some CSS hacks that I’ve read about, but I couldn’t get them to work, which means I’m doing something wrong.
(I tried stuff like /width and w/idth, etc…)
Can someone help me out with fixing this problem?
Here is the CSS from the head of the site:
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
text-align: center;
color: #FBFBFB;
background-color: #FFF;
background-image: url(images/bg.gif);
background-repeat: no-repeat;
background-position: center center;
}
#container {
width: 680px;
margin: 0 auto;
padding: 40px 0 15px 0;
}
#banner {
height: 165px;
width: 680px;
}
#navbar{
width:720px;
height:30px;
position: relative;
right: 20px;
}
#sidebar {
float: left;
width: 176px;
padding: 10px 10px 5px 10px;
height: 400px;
background-color: #1b1b1b;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #FE4343;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #FE4343;
display:inline
}
#content {
padding: 10px 10px 5px 10px;
height: 400px;
width: 458px;
background-color: #0C0C0C;
overflow: auto;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #FE4343;
color: #FFF;
float: right;
display: inline;
}
#footer {
height: 20px;
background-color: #000;
}
.clearfloat {
clear:both;
height:0;
line-height: 0px;
}
-->
</style>
(I also have an external stylesheet attached which formats the text)
Thanks in advance and wish you luck - I’m all out of ideas!
