Frage stellen
das padding wird unten nicht richtig abgebildet und der parent umgibt seine children nicht!!
hier ein beispiel:
- Code: Alles auswählen
<html>
<head>
<style type="text/css">
head, body {height:100%;margin:0}
</style>
</head>
<body>
<div style="
min-height:100%;
height:auto;
height:100%;
background:#FF0; /*yellow*/
padding:10px;">
this is the stage div! it doesn't want to wrap around his children!
<div style="
background-color: #F00; /*red*/
width: 700px;
min-height: 100%;
height:100%;
padding:20px;">
this is the main content. padding on the bottom doesn't work.
<div style="
float:right;
background-color: #0FF; /*blue*/
width: 100px;
min-height: 100%;
height:100%;
">
this ist a right aligned box, who wants to be 100% height
</div>
<div style="
background-color: #0F0; /*green*/
width:500px;
height:700px;
" >
this is a box on the left, that has a fixed height
</div>
</div>
</div>
</body>
</html>
kann mir jemand helfen? Ich benutze IE
- so siehts im browser aus
- Untitled.jpg (11.29 KiB) 1206-mal betrachtet
