nicht angemeldet
Hallo,
ich versuche ein Layout nur mit DIV-Containern hinzubekommen.
Mein problem is, das es mir nicht gelingt den Container mit dem Inhalt (der Rote Rand ist nur zur Veranschaulichung da) so zu "programmieren", das er, unabhäbig von der Fenstergröße in der unteren rechten Ecke endet.
Folgender Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<?xml version="1.0" encoding="iso-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<html style="height:100%; width:100%;">
<head>
<title></title>
<style type="text/css">
<!--
.menu {
position: absolute;
top: 90px;
right: 4px;
background-color: orange;
border: 1px solid red;
text-align: left;
margin:0px;
padding:0px;
font-size: 13px;
}
-->
</style>
</head>
<body style="height:100%; width:100%;">
<div style="position:absolute; width:100%; height:97%; margin:0px auto; background-color: yellow; border: 1px solid black; overflow: yes;">
<div style="position:absolute; z-index:1;"><img src="header100.jpg" style="float:right;width:550px;height:85px;" hspace="0" alt="Logo"></div>
<div style="position:absolute; z-index:2;"><img src="header100b.jpg" style="float:left;width:277px;height:99px;" hspace="10" vspace="10" alt="Logo"></div>
<div style="position:absolute; left: 10px; bottom: 1px; z-index:3;"><img src="huhn.gif" width="174" border="0" hight="300" alt="Huhn"></div>
<div class="menu">
Das Menü folgt noch
</div>
<div style="position: relative; left: 190px; top:120px; width: 75%; height: 75%; border: 1px solid red;"></div>
</div>
</body>
</html>
Über jeden Hinweis bin ich dankbar. Oder ist mein Problem überhaupt nicht lösbar??
Viele Grüße
Ole