Well, I have problems with DIV element inside a wrapper. For example I need a
DIV for put inside a left-nav composing by menus, links and others. When I have
a little menu the DIV element resize and the content in content DIV move from
original place for below DIV element. This is the CSS.
#container {
width: 720px;
margin: 2px auto;
color: #333;
background: #F5F5FF;
border: 1px solid #000000;
max-height: 100%;
}
#branding-logo {
border-bottom: 1px solid white;
background: #3E5C92;
}
#nav-left {
position: relative;
float: left;
width: 160px;
margin: 0;
height: 100%; /* For IE */
background: #D1D1E1;
color: #000000;
border: 1px solid #0B198C;
}
#content {
margin-left: 10em;
padding-left: 2em;
vertical-align: top;
height: 100%;
max-width: 560px;
background: #F5F5FF;
color: #000000;
border: 1px solid #0B198C;
}
#branding-phrase {
text-align:right;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 3px;
font-weight: bold;
}
#branding-tagline, #branding-powered {
text-align:center;
color: #aaa;
}
#branding-tagline, #branding-powered, #branding-phrase {
padding-top: 2px;
font: 11px Tahoma;
clear: both;
background: #3E5C92;
width: 100%;
height: 22px;
}
And this other is the HTML:
<div id="container">
<div id="branding-logo"><img src="themes/tpl_graphics/logo.png" /></div>
<div id="branding-phrase">Famous sentence </div>
<div id="nav-left">
<div id="mnu_Portal">
Here goes a menu
</div>
</div>
<div id="content">
Some content
</div>
<div id="branding-tagline" style="text-align:center;">Copyright</div>
<div id="branding-powered" style="text-align:center;">Logos</div>
</div>
What I'm doing wrong?
Best,
ReynierPM
4to. año Ing. Informática
Usuario registrado de Linux: #310201
*************************************************************************
El programador superhéroe aprende de compartir sus conocimientos.
Es el referente de sus compañeros. Todo el mundo va a preguntarle
y él, secretamente, lo fomenta porque es así como adquiere su legendaria
sabiduría: escuchando ayudando a los demás...
______________________________________________________________________
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/
