nicht angemeldet
Hallo Miteinander
eine grundsätzlich kurze Frage:
Ist es (irgendwie) möglich den roten und blauen Bereich relativ zum Rand zu positionieren (ähnlich dem align="center" bei <table>), so dass bei veränderter Auflösung die Bereiche immer zentriert bleiben?
<html>
<head>
<title>Titel der Datei</title>
<style type="text/css">
<!--
#roterBereich {
position:absolute;
top:130px;
left:30px;
width:320px;
padding:10px;
margin:0px;
border:4px solid #EE0000;
}
#blauerBereich {
position:absolute;
top:130px;
left:400px;
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="roterBereich"><h1>Der rote Bereich</h1></div>
<div id="blauerBereich"><h1>Der blaue Bereich</h1></div>
</body>
</html>
Danke für jede Antwort.
Gruss
Max