Forum Moderators: not2easy
<snip>
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
display:block;
}
.thrColHybHdr #container {
width: 100%;
background: #FFFFFF;
text-align: left;
display:block;
}
.thrColHybHdr #header {
background: #FFFFFF;
padding: 0 10px;
}
.thrColHybHdr #header h1 {
margin: 0;
padding: 10px 0;
}
.thrColHybHdr #sidebar1 {
float: left;
width: 100px;
background: #FFFFFF;
padding: 0px 0;
margin-left: 80px;
}
.thrColHybHdr #sidebar2 {
float: right;
width: 11em;
background: #FFFFFF;
padding: 0px 0;
margin-top: 20px;
}
.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
margin-left: 0px;
margin-right: 5px;
}
.thrColHybHdr #mainContent {
margin: 0 12em 0 12em;
padding: 0 2em 0 2em;
margin-top: 25px;
display:block;
}
.thrColHybHdr #footer {
padding: 0 10px;
background:#DDDDDD;
}
.thrColHybHdr #footer p {
margin: 0;
padding: 10px 0;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
[edited by: swa66 at 6:17 pm (utc) on Oct. 27, 2008]
[edit reason] no URLs please, see charter [/edit]
you seem to have forgotten to post the markup to which the css applies. ;)
birdbrain
<div id="container">
<div id="header">
<h1 align="center"><span class="style2">Brighton Sculpture Society</span></h1>
</div>
<div id="sidebar1">
<h3 class="style3"><span class="style4"><a href="../about.html">About</a></span> <span class="style4"><br />
<a href="../members.html">Members</a> <br />
<a href="../gallery.html">Gallery </a><br />
<a href="../index.html">Events </a><br />
<br />
<a href="../contact.html">Contact</a></span><br />
</h3>
<iframe
src="formsubmit.html" frameborder="0"></iframe>
<!-- end #sidebar1 --></div>
<div id="sidebar2">
<iframe
src="jsonFeedExample.htm" name="imagechange4"
width="100%" height="100%" align="middle" scrolling="No" frameborder="0"></iframe>
</div>
<div id="mainContent">
<iframe
src="infofeedtest.html" name="imagechange4"
width="100%" height="100%" align="middle" scrolling="No" frameborder="0"></iframe>
</div>
<br class="clearfloat" />
<div id="footer">
<p>Footer</p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
