Hallo, ich hab mal ein Problem beim erstellen meines Layouts:
Ich will eine Menüleiste oben haben (#topBar), die 30px hoch ist und 100% breite hat.
Darunter soll dann ein #container sein, der die restliche Seite auffüllt, also 100% breite hat und die restlichen 100% höhe auffüllt.
Meine Seite soll nicht "scrollbar" sein, also immer nur die Seite sozusagen genau so hoch sein, wie das Browserfenster ist. Nur eben soll die Menüleiste, immer fix 30px hoch sein, und der #container dann den rest ausfüllen.
Ich hab mal mit einer Tabelle begonnen, aber irgendwie komm ich nicht mehr weiter:
Kann mir da jemand weiterhelfen? Es muss auch nicht unbedingt mit <table> sein, es kann auch mit <div> aufgebaut werden. In #container werde ich dann DIV's oder so etwas hineingeben...
Ich will eine Menüleiste oben haben (#topBar), die 30px hoch ist und 100% breite hat.
Darunter soll dann ein #container sein, der die restliche Seite auffüllt, also 100% breite hat und die restlichen 100% höhe auffüllt.
Meine Seite soll nicht "scrollbar" sein, also immer nur die Seite sozusagen genau so hoch sein, wie das Browserfenster ist. Nur eben soll die Menüleiste, immer fix 30px hoch sein, und der #container dann den rest ausfüllen.
Ich hab mal mit einer Tabelle begonnen, aber irgendwie komm ich nicht mehr weiter:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
body
{
margin:0;
padding:0;
max-height:100%;
overflow:hidden;
width:100%;
}
#topBar
{
width:100%;
height:30px;
background:#F00;
margin:0;
}
#container
{
width: 100%;
height:inherit;
overflow:hidden;
background-color:#0F3;
margin:0;
}
#uiTable
{
width:100%;
height:100%;
empty-cells:show;
}
</style>
</head>
<body>
<table id="uiTable" cellpadding="0" cellspacing="0">
<tr>
<td id="topBar"> </td>
</tr>
<tr>
<td id="container"></td>
</tr>
</table>
</body>
</html>
Kann mir da jemand weiterhelfen? Es muss auch nicht unbedingt mit <table> sein, es kann auch mit <div> aufgebaut werden. In #container werde ich dann DIV's oder so etwas hineingeben...