ich hätte da gerne mal ein problem…hab ja sonst keine herausforderungen :evil:
also. ich versuch ja nun so langsam aber sicher von den tabellen-layouts weg zu kommen und probiere seit ein paar tagen rum, um ein layout mit 100% höhe in css zu schreiben.
muss aber dauernd zurück ans zeichenbrett :?
aaalso.
ich hab bissel rumprobiert und mir zwei äußere container mit ziergrafiken gemacht in deren mitte ein content-container ist.
das ganze hab ich am ende gecleart und mit einem äußeren container umgeben der die ganze chose zentriert.
soweit funktioniert es prima und ist auch auf 100% höhe.
nun zum problem:
wenn ich in den content nun tatsächlich content reinpacke und der untere rand vom viewport erreicht ist, wandert der content aus allen containern raus anstatt diese zu erweitern.
irgendwas mach ich sicher übelst falsch. aber nach 3 tagen tüfteln dacht ich mir ich frag euch mal
link zur test-seite
link zur css
und hier nochmal die css zum direkt ansehen:
[CODE]html,body{height:100%;}
body{
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
background-image:url(„images/bg_main.png“);
}
div.viewport {
text-align:center;
width:100%;
height:100%;
background-image:url(„images/hg_top_border.png“);
background-position:top center;
background-repeat:repeat-x;
}
div.hauptbox{
margin:auto;
text-align:left;
width:940px;
height:100%;
}
div.border_left{
width:20px;
height:100%;
float:left;
background-image:url(„images/border_l.png“);
background-repeat:repeat-y;
background-position:right;
}
div.border_right{
width:20px;
height:100%;
float:right;
background-image:url(„images/border_r.png“);
background-repeat:repeat-y;
background-positio: top left;
}
div.content_overall{
margin: 0 20px;
height:100%;
background-color:red;
}[/CODE]