loswochos
Threadersteller
Dabei seit: 05.11.2008
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 05.11.2008 04:30
Titel Dynamische Div Anpassung anhand Content |
|
|
Hallo zusammen,
Mein Problem:
Code: |
<div id="rahmen">
<div id="navi"></div>
<div id="inhalt"></div>
<div id="teaser"></div>
<div id="footer"></div>
</div>
|
meine navi und der teaser sind nur bedingt mit inhalt gefüllt. mein div inhalt ist je nachdem variabel mit text oder bildern gefüllt. nun ist das problem, dass sich der navi und teaser div (background-color usw) an die höhe des divs mit inhalt anpassen sollten.
Code: |
html {
margin: 0;
padding: 0;
height: 100%;
}
body {
margin: 0;
padding: 0;
color: #fff;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 101%;
text-align: center;/*fuer IE_quirks*/
min-height: 100%;
}
#rahmen {
margin: auto;
width: 766px;
color: #000;
text-align: left;
height: 100%;
}
#navi {
float: left;
width: 141px;
background-color: #e1e1e1;
height: 100%;
}
#inhalt{
float: left;
width: 449px;
margin-top: 30px;
}
#teaser {
float: left;
width: 176px;
background-color: #ffffdd;
height: 100%;
}
#footer {
clear: both;
background-color: #cce6ff;
height: 30px;
width: 766px;
}
|
im firefox 2+3 wird bei height 100% (navi + teaser) einfach nur der bildschirm ausgefüllt und mehr net egal was im inhalt drin is. ie zeigt mir das ganze korrekt an (6+7) und passt die höhe der äußeren divs auch an den inhalt div an. ich hab schon etliche sachen und kombinationen versucht deshalb is manches height 100% vielleicht auch nicht ganz korrekt. ich hoffe, mir kann jemand helfen. bin langsam am verzweifeln.
gute nacht
|
|