See this style
#divMainContainter {
width: 760px;
margin: 10px auto;
color: #333;
background-color: #686a69;
border: 1px solid gray;
line-height: 130%;
}
#divLeftNav {
float: left;
width: 160px;
margin: 0;
padding: 1em;
border-right: 1px dotted gray;
background-color: #454746;
}
#divRightNav {
float: right;
width: 10px;
margin: 0;
padding: 1em;
border-left: 1px dotted gray;
background-color: #454746;
}
#divContent {
margin-left: 200px;
margin-right: 200px;
padding: 1em;
max-width: 36em;
width: 800px;
vertical-align: top;
background-color: #616362;
}
#divCopyright {
padding-top: 2px;
clear: both;
background: #0c0c0c;
width: 100%;
text-align:center;
color: #aaa;
height: 25px;
font-size: 11px;
opacity:0.9;
filter:alpha(opacity:90);
}
And see the HTML
<div id="divMainContainter">
<div class="divBanner"><img src="{#IMAGE_DIR#}/bannertop.png" /></div>
<div class="divNavigation">
<div class="center" id="navBar"><a href="#">{#M_TOP1#|escape:"htmlall"}</a> |
<a href="#">{#M_TOP2#|escape:"htmlall"}</a> | <a
href="#">{#M_TOP3#|escape:"htmlall"}</a> | <a
href="#">{#M_TOP4#|escape:"htmlall"}</a> | <a
href="#">{#M_TOP5#|escape:"htmlall"}</a></div>
</div>
<div id="divLeftNav">
Some things
</div>
<div id="divContent">
<div id="Information1" class="diVletra">
Main content goes here
</div>
</div>
<div id="divRightNav">
<img src="collapse_tcat.gif" />
</div>
<div id="divCopyright">{#DERECHOS#|escape:"htmlall"}</div>
</div>
This doesn't work for me because the divRightNav not hold all the
divMainContainter. Why? What's wrong ?? However divLeftNav hold all the content.
Cheers
ReynierPM
Usuario registrado de Linux: 310201
*************************************************
No basta con alcanzar la sabidurĂa, es necesario saber utilizarla.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/