Originally Posted by BoxedPixels
Thanks derek I really appreciate your help but it didnt have an effect in IE.
|
It should...
Looking at this again though, it doesn't matter because if you want to put anything next to that left column you have to restructure the code anyways. If you want a left and a right column, as I assume you do, you need to have them inside a wraping div to contain them like this
Code:
<div id="contaner div">
<div id="left side"></div>
<div id="right side"></div>
</div>
Without the outerdiv, the code breaks, I can't remember the technical reasons why, probably because there's no boundaries set to
float to.
Try using this
Code:
#Wrapper{
width: 100%;
float: left; /* So it expands vertically to fit content*/
border: 1px solid; // so you can see it while you test it
}
#LeftCol {
width: 209px;
float: left;
border: 1px solid #f00; // so you can see it while you test it
}
#RightCol {
float: left;
border: 1px solid #f00; // so you can see it while you test it
}
<!-- put this html under the banner div and add the inner elements after thie structure is working -->
<div id="Wrapper">
<div id="leftCol">Left Side</div>
<div id="rightCol">Right Side</div>
</div>
That should give you a working left and right column under the banner div, and if you want to add moe, just define widths and copy the $sideCol css code.
As for the rest of your documents, it's got other issues. The doctye says html but you're not folowing it correctly; you need / at the end of your <img> tags. You've also closed a <body> tag without opening it.