Hi!
Ich bin neuling auf dem gebiet css und komme da gleich mal so garnich klar XD
also:
ich hab einen div navigation links und einen div content in dem oben ein div topmenu ist und darunter ein div main.
der div main setzt sich nochmals aus 2 div zusammen, tabellenkopf und tabelleninhalt.
navigation ist fest 150px breit, div content soll den rest der seite einnehmen. hab ich also auf auto gestellt.
der div topmenü soll innerhalb des divs contetn 99% einnehmen oder auto overflow machen. klappt auch.
der div content soll overflow hidden sein, ist er auch.
da das topmenü unterschiedlich hoch sein kann, wollte ich gern das sich mein main dem anpasst und nur den rest einnimmt den div content noch zur verfügung stellt.
was muss ich da einstellen?
div content ist 600px hoch.
ich häng mal mein css an:
div#navigation {
height: 600px;
margin-top: 0px;
margin-left: 0px;
border: 2px solid #C0C0C0;
background-color: #FFD39B;
width: 150px;
}
div#content{
float: left;
width: 99%;
border: thin solid;
margin-left: 1px;
margin-right: 10px;
height: 600px;
overflow: hidden;
}
div#topmenu {
padding: 0px;
float: inherit;
margin: 0px;
height: auto;
width: 99%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #00FFFF;
border: 2px solid #C0C0C0;
overflow: auto;
min-height: 100px;
}
div#main {
border: 1px;
padding: 0px;
margin: 0px;
float: left;
width: 99%;
height: 500px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
border: 2px solid #C0C0C0;
overflow: auto;
}
div#footer{
float: left;
width: 100%;
margin-top: 3px;
border: 2px solid Silver;
}
div#login{
width: 200px;
border: 2px dashed Silver;
background-color: #FFF8DC;
}
div#tabellenkopf{
position:fixed;
top:0px; left:0px; right:0px;
background:#efefef;
height:20px;
text-align:center;
padding:10px;
}
div#tabelleninhalt{
padding-top: 4.85em;
padding-bottom: 3em;
padding-left: 0;
height: 350px;
border: 2px solid Gray;
}
input.buttonSitebar{
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
width: 90%;
margin-top: 2px;
margin-bottom: 2px;
font: Arial;
}
.checkbox{
border: 1px solid #000000;
}
XD hoffe es ist so alles richtig :<
ich wollte auch das der tabellenkopf nicht mitgescrollt wird wenn man den tabelleninhalt scrollt.
aber das funktioniert alles garnet -.-
pls help :<
