nicht angemeldet
Hi Max,
Nun ja bei mir verändert sich die Position des Bereichs nicht wenn ich den Rahmen meines Browsers verkleinere/vergrössere. Das geht anscheinend nur mit <table>...?!
nein, das geht auch mit CSS. Tabellen sind *pöse* ;)
<?xml version="1.1" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-AT">
<head>
<title></title>
<style type="text/css">
<!--
#zentriert {
width:80%;
margin-left:auto;
margin-right:auto;
border:3px dotted #0a0;
}
#roterBereich {
width:320px;
padding:10px;
margin:0px;
border:4px solid #EE0000;
float:right;
}
#blauerBereich {
width:320px;
padding:10px;
margin:0px;
border:4px solid #0000EE;
}
h1#Titel {
font-family:Arial,sans-serif;
font-size:24pt;
font-weight:normal;
color:green;
}
-->
</style>
</head>
<body>
<h1 id="Titel">Diese Überschrift und zwei positionierte Bereiche</h1>
<div id="zentriert">
<div id="roterBereich"><h1>Der rote Bereich</h1></div>
<div id="blauerBereich"><h1>Der blaue Bereich</h1></div>
</div>
</body>
</html>
Eine andere Variante, die sich leicht anpassen lässt und browserkompatibler ist (M$IE...), findest du hier:
http://www.thenoodleincident.com/tutorials/box_lesson/basic2_fluid.html
LG Orlando