Space

[Bouzy]

I had my site done, but I looked at it in IE6 and it was messed up even though it looked fine in IE7 and FF. I used a conditional statment so now when it loads in IE6 it loads a different style sheet. However I don't know what is causing the gap to the right of my layout next to the banner and stuff or any of my other problems. Does anyone know?

<pre class="alt2" dir="ltr" style="border: 1px inset; margin: 0px; padding: 6px; overflow: auto; width: 640px; height: 498px; text-align: left;">*{margin:0;padding:0;}
body {
background-color: #5f656b;
font-family: Tahoma, "Arial Unicode MS", Arial, sans-serif, serif;
font-size: .8em;
color: #eea103
}
  
/*July 8th 2007*/
  
#content {
height: 505px;
width: 518px;
background-image: url(images/content.jpg);
background-repeat: no-repeat;
margin-top: 4%;
margin-left: 27.2%;
}

#sidebar {
height: 505px;
width: 153px;
background-image: url(images/sidebar.jpg);
background-repeat: no-repeat;
margin-top: 4%;
padding-top: 3%;
padding-left: 3.5%;
margin-left: auto;
float: left;
}
#linkscss {
padding-left: .8%;
padding-right: .8%;
padding-top: 4%;
width: 105px;
}
  
#navigation {
margin: 0%;
padding-top: 0%;
border-width: 0px;
height: 28px;
}

#banner {
border-width: 0px;
margin: 0%;
padding: 0%;
margin-top: 0%;
height: 119px;
}

#footer {
height: 28px;
width: 712px;
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
margin-top: 4.2%;
}
#container {
width: 712px;
margin: auto;
position: relative;
padding: 0%;
background-color: #3c4246;
}

#home {
width: 442px;
}
#news {
width: 442px;
}

#texto {
padding-left: .8%;
padding-top: 6%;
width: 105px;
}

#text {
padding-left: 5.5%;
padding-top: 5%;

}
#footer {
padding-top: .01%;
padding-left: 3%;
font-size: .7em;
}
  

#links {
padding: 0%;
margin: 0%;
}
#navigation {
height: 28px;
width: 712px;
background-image: url(images/navigation.jpg);
background-repeat: no-repeat;
margin-top: 0%;
}
#hvan {
margin-left: 28.5%;
padding-top: .7%;
padding-bottom: 1%;

}

h4.sidebar {
margin: 0px;
padding: 0px;
padding-top: 15%;
}

/*Should change form colors*/
#quotel {

}
.quote {
}

.name {
font-size: 14px;
background-color: #575b64;
border: 1px solid #eea103;
color: #eea103;
}
.budget {
font-size: 14px;
background-color: #575b64;
border: 1px solid #eea103;
color: #eea103;
}
.email {
font-size: 14px;
background-color: #575b64;
border: 1px solid #eea103;
color: #eea103;
}
textarea {
  background-color: #575b64;
  border: 1px solid #eea103;
  color: #eea103;
  
}
input {
  background-color: #575b64;
  border: 1px solid #eea103;
  color: #eea103
}
a:link {
color: #ef9f02;
}
a:visited {
color: #ef9f02;
}
a:hover {
color: #ae6d1b;
}
a:active {
color: #ef9f02;
}
table {
   margin-left: 0px;
   margin-right: 30px;
}
td, th {
padding: 0px;
margin: 0px;
}
tr {
padding: 20px;
}
  
  
.nav a {
color: #ef9f02;
text-decoration: none;
}
.nav a:visited {
color: #ef9f02;
text-decoration: none;
}
.nav a:hover {
color: #ae6d1b;
text-decoration: underline;
}

.nav a:active {
color: #ef9f02;
}</pre>

Hear is what it looks like in IE6. http://i93.photobucket.com/albums/l7..._Bouzy/IE6.jpg

Hear is what it looks like in every other browser. http://i93.photobucket.com/albums/l7...y_Bouzy/ff.jpg

Are my problems because of bad coding??? I hope not I try really hard.

[Bouzy]

If it helps hear is the url I just put it up. For some reason the images don't show up.... but if this helps explain why it looks good in IE7 and FF but not IE6 or 5.5 then good.

http://goldfishgraphics.110mb.com/

[epots9]

try this guide it might be what your looking for.

[drhowarddrfine]

You have a <div> inside a <p> which is not allowed. Don't know if that's the problem or not.