.rightcontent
{
// Some styles here
margin-bottom: 0px;
// Some more styles here
}
but that does not work, although it has on other CSS docs that I have worked on.
I would apreciate it if anyone could point out what I need to do, but also explain why I need to do it(so that I gain more than just a working css doc after someone replies).
Here is the relative CSS:
Code: Select all
.leftcontent
{
position: absolute;
padding-top: 10px;
left:10px;
text-align:center;
width:210px;
background-color: #eee;
color : #000;
}
.rightcontent
{
margin: 10px 5px 0px 230px;
background-color:#eee;
color: #000;
voice-family: ""}"";
voice-family: inherit;
border: 2px solid #326698;
}
html>body .rightcontent
{
margin-bottom: 0px;
}
.main
{
height: 100%;
font-family : verdana, arial, sans-serif ;
background-color: #FFF;
padding: 25px 25px 10px 25px;;
color : #000;
}
.footer
{
margin-top:40px;
width:100%;
text-align: center ;
border-top :1px solid #8C8C8C;
width : 100%;
color : #8C8C8C;
background-color : transparent;
font-size:.8em;
}
body
{
margin: 10px 10px 0px 10px;
padding:0px;
background-color: #eee;
font-family : verdana,arial,sans-serif ;
font-size:.7em;
}<div class="leftcontent">
Text and stuff here
</div>
<div class="rightcontent">
<div class="main">
Text and stuff here
</div>
</div>
Thanks for every bit of help and advice provided.