nicht angemeldet
Guten Abend liebes Forum,
Layer sind ja leider ziemlich starre Gebilde.
Ich habe mich deshalb bisher weniger damit beschäftigt und Tabellen bevorzugt.
Die Breite und Höhe eines Layers läßt sich in Prozent angeben.
Momentan weiß ich aber noch nicht, wie man Layer relativ im Browserfenster positioniert.
So daß der Layer genauso "mitschwimmt" wie eine Tabellenzelle.
Hinzu kommt, daß alle Browser ähnliche Ergebnisse liefern sollen,
also soll das mindestens ab Netscape 4 und IE4 funktionieren.
Hier mal ein Beispiel, der rechte Layer verändert seine Position nicht weil:
position: absolute; z-index: 3; top: 0px; left: 600px;
Der rechte Layer soll sich automatisch nach rechts verschieben,
wenn der mittlere Layer breiter wird.
Gibt es da überhaupt eine Möglichkeit?
<html>
<head>
<title>Layertest</title>
<style type="text/css">
#Ebene1 { background-color: #f0e68c; position: absolute; z-index: 1; top: 0px; left: 0px; width: 200px; height: 50%; visibility: visible; display: block }
#Ebene2 { background-color: #fa8072; position: absolute; z-index: 2; top: 0px; left: 200px; width: 50%; height: 50%; visibility: visible; display: block }
#Ebene3 { background-color: #b22222; position: absolute; z-index: 3; top: 0px; left: 600px; width: 200px; height: 50%; visibility: visible; display: block }
</style>
</head>
<body bgcolor="#ffffff">
<div id="Ebene1">bla</div>
<div id="Ebene2">bla</div>
<div id="Ebene3">bla</div>
</body>
</html>
Übrigens verwendet http://www.w3c.org für das dreispaltige Layout auf seiner Startseite
auch Tabellen und keine Layer.
Bleibt die Frage, ob es überhaupt eine vernünftige Lösung gibt, ein schlauer Link würde mir da schon ausreichen.
Grüße von SabineP