Hi list:
In a web page I'm programming I have a table and I need that this table hold
the vertical space in a browser. This is my CSS:
CSS Code:
#container {
width: 720px;
margin: 2px auto;
color: #333;
background: #F5F5FF;
border: 2px solid #3E5C92;
max-height: 100%;
}
#branding-logo {
border-bottom: 1px none white;
background: #3E5C92;
}
#nav-left {
width: 150px;
margin: 1;
height: 100%; /* For IE */
background: #D1D1E1;
color: #000000;
}
#content {
vertical-align: top;
height: 100%;
width: auto;
background: #F5F5FF;
color: #000000;
padding: 1px;
border-left: 1px solid #3E5C92;
}
#branding-phrase, #nav-header-bar {
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: #FFFFFF;
}
#branding-tagline {
height: 15px;
}
#branding-tagline, #branding-powered, #branding-phrase, #nav-header-bar {
padding-top: 2px;
font: 11px Tahoma;
background: #3E5C92;
width: 100%;
}
html {
height: 100%;
}
body {
font: 10pt Tahoma;
margin-top: 1px;
height: 100%;
background: #E1E1E2;
color: #000000;
margin: 5px 10px 10px 10px;
padding: 0px;
}
And this is a little HTML code from page:
HTML Code:
<table width="720" height="100%" border="0" id="container" align="center">
<tr>
<td colspan="3" id="branding-logo">Logo goes here</td>
</tr>
<tr>
<td colspan="3" id="branding-phrase">Sentences goes here</td>
</tr>
<tr id="nav-left"> Left navigation goes here </td>
<td width="155" align="center">Menu and nav bar goes here</td>
</tr>
<tr>
<td id="branding-tagline" colspan="3">Copy goes here</td>
</tr>
<tr>
<td id="branding-powered" colspan="3">Some images goes here</td>
</tr>
</table>
¿If any can help me? ¿What's missing in this CSS Code? ¿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/
