Hallo,
ich hab ein kleines Problem welches aber schon eine große Menge an Zeit gekostet hat, und vor allem Nerven.
Ich habe eine Seite welche einen Header hat, darunter einen zweiten Header mit Buttons, dann links eine Navi und der Platz rechts unten soll ausgefüllt werden mit einem Div, welches bei Übergröße Scroll-Balken anzeigen soll.
Diesem Div hab ich Width 100% und Height 100% gegeben um den restlichen Platz auszufüllen. Funktioniert aber nicht. Wenn ich das Div ganz alleine anzeige geht es perfekt, sobald aber Header oder Navi hinzukommen wird das Div viel größer. Je nach Browser ist der Effekt unterschiedlich.
Hier mal Code:
[HTML]
Schnitzel mit Pommes- { margin: 0;padding: 0; }
html {
height: 100%;
margin: 0px;
padding: 0px;
}
body {
height: 100%;
margin: 0px;
padding: 10px;
}
.maindiv {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.header {
background-color: #98fb98;
border: 1px solid black;
width: 100%;
height: 150px;
margin: 0;
padding: 0px;
}
.th {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px;
border-style: solid;
border-color: black;
white-space: nowrap;
}
.td {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px;
border-style: solid;
border-color: black;
white-space: nowrap;
}
.reset {
margin-left: 30px;
}
.tree {
float: left;
width: 130px;
border: 1px solid;
}
.tablediv {
margin-left: 150px;
height: 100%;
width: 100%;
overflow:auto;
}
Schnitzel mit Pommes
Ich habs jetzt mal so weit wies geht zusammengekürzt. Ich hoffe Ihr könnt mir helfen.
Gruß Alex