Tweet
Hallo,
ich habe folgendes Problem, ich wollte das eine divbox mit hintergrund grafik so haben, das sie auch wenn der inhalt nicht reciht auf der vollen höhe der seite angezeigt wird.
nach googeln habe ich gedacht eine Lösung gefunden zu haben. Leider war dem nicht so, weil jetzt wird die höhe der Box weit über die browser höhe gezogen, so das man immer bei leeren inhalt nach unten scrollen kann.
html:
CSS
Hier der Link:
http://krugzumgruenenkranze.de/index...page=1&menue=1
ich habe folgendes Problem, ich wollte das eine divbox mit hintergrund grafik so haben, das sie auch wenn der inhalt nicht reciht auf der vollen höhe der seite angezeigt wird.
nach googeln habe ich gedacht eine Lösung gefunden zu haben. Leider war dem nicht so, weil jetzt wird die höhe der Box weit über die browser höhe gezogen, so das man immer bei leeren inhalt nach unten scrollen kann.
html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="haupt">
<div id="header"></div>
<div id="inhalt">
<div id="menue">
</div>
<div id="content">
</div>
<div style="clear:both"></div>
</div>
</div>
</body>
</html>
CSS
Code:
html, body
{
padding: 0px;
margin: 0px;
background-color: #ffffff;
color: #016100;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 9Pt;
height:100%;
}
#haupt
{
width: 1016px;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-size:12px;
height:100%;
}
#inhalt
{
background-image: url(images/design/bg_haupt.jpg);
background-repeat:repeat-y;
min-height: 100%;
height: auto !important;
height: 100%;
}
#header
{
width:100%;
height: 235px;
background-image: url(images/design/header.jpg);
background-repeat:no-repeat;
}
#menue
{
margin-left: 20px;
width:175px;
float:left;
}
#content
{
float:left;
width:500px;
}
http://krugzumgruenenkranze.de/index...page=1&menue=1
Kommentar