nicht angemeldet
Hallo Matti!
ich hab da ein kleines Problem mit css.
Ich will drei verschiedene Divs anordnen. Eins am linken Rand, eins in der Mitte und eins am rechten Rand.
Sie sollten auch auf einer Höhe (horizontal)sein.
Also du Möchtest 3 Kolumnen.
Hier zu sehen: http://www.scglashuetten.de/test
Tja...Seite nicht gefunden auf dem Server.
Aber hiermit sollte es gehen (mal ohne absolutes Positionieren):
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
#links {
width:33%;
height:400px;
float:left;
background-color:blue;
}
#mitte {
width:35%;
height:400px;
float:left;
background-color:navy;
}
#rechts {
width:33%;
height:400px;
float:right;
background-color:seagreen;
text-align:left;
}
#nachher { clear:both; }
-->
</style>
</head>
<body>
<div id="links">links</div>
<div id="mitte">mitte</div>
<div id="rechts">rechts</div>
<div id="nachher">
sehr viel text unter die 3 anderen divs!
</div>
</body>
</html>
- Die BG-Farbe habe ich nur für bessere sichtbarkeit eingegeben.
- NS ignoriert braw wie immer die 'height'.
- im #rechts der text-align:left; ist für den IE4 sonst richtet der den text rechtsbündig aus.
- Alle 3 Browser (NS4.5 IE4/5 ) stellen die div's anders dar, aber wenn du auf hintergrundfarbe verzichtest und ein wenig mit padding-left; in allen 3 div's herumprobierst, bekommst du ein relative gutes Ergebnis.
Grüße
Thomas