nicht angemeldet
Liebe Leute,
ich hab da mal wieder Probleme Divs möglichst dynamisch zu positionieren.
Problembescheibung hinter dem Code!
Hab leider gerade keinen Webspace zum draufstellen, deshalb hier der ganze Code meiner Beispielseite:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/ DTD/xhtml11.dtd">
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
.blue{
height:100px;
background-color: blue;
}
.red{
float:left;
height:200px;
width:100px;
background-color:red;
border:nome;
}
.green{
height:100px;
background-color:green;
}
.lightgreen{
height:300px;
background-color:lightgreen;
}
-->
</style>
</head>
<!-- -->
<body style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;width:100%; height:100%;" >
<div id="divBlue" class="blue">div 1</div>
<div id="divRed" class="red">div 2</div>
<div id="divGreen" class="green">div3</div>
<div id="divGreen2" class="lightgreen">div 3</div>
</body>
</html>
Mein Ziel ist es dem rote Div und dem hellgrüne Div eine variable Höhe zu geben,je nach Fensterhöhe, eben bis ganz ans Browserfensterende.
Bedingung ist alles über CSS , kein JS!!
Noch ein Problem im IE 5.5 gibts eine Rand zwischen den grünen DIvs und rotem Div?
fällt dazu jemanden was ein??ICh bin gespannt!
Schon mal Danke,
Isabel