nicht angemeldet
Ich hoffe, ich habe Dich richtig verstanden?!
Ich hab es auch mit solchen "Hilfs-div" probiert, aber auch da schießen die inneren nach unten und rechts über das Ziehl hinaus!
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Liquid- Design mit 4 div Containern</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
body {border: 1px black solid;
background: url(hintergrund.jpg) repeat-x left top;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
margin: 0;
padding: 20px;
width: 100%;
height: 100%;
position: absolute;
}
#head {border: 1px red dotted;
position: static;
width: 100%;
height: 165px;
padding: 5px;
}
#logo {border: 1px black solid;
position: relative;
width: 150px;
height: 165px;
padding: 5px;
background: url(logo.png) no-repeat left top;
float: left;
}
#banner {border: 1px blue solid;
position: relative;
width: 100%;
height: 165px;
margin-left: 150px;
padding: 5px;
}
#body {border: 1px red dashed;
position: static;
width: 100%;
height: 100%;
padding: 5px;
}
#menue {border: 1px green solid;
position: relative;
width: 150px;
height: 100%;
padding: 5px;
float: left;
}
#inhalt {border: 1px yellow solid;
position: relative;
width: 100%;
height: 100%;
margin-left: 150px;
padding: 5px;
}
-->
</style>
</head>
<body>
<div id="head">
<div id="logo">Logo</div>
<div id="banner">Banner</div>
</div>
<div id="body">
<div id="menue">Menü</div>
<div id="inhalt">Inhalt</div>
</div>
</body>
</html>
Wie bekomme ich das bloß hin?
Irgendeine Lösung muss es da doch geben!
Oder bin ich wirklich gezwungen statt dem dynamischen ausfüllen des gesamten Browserfenster mit 100% eine feste Breite zu Verwenden und so den restlichen Platz ungenutzt zu verschwenden?
LBS
Struppi