Sascha: 2-Spalten-Layout

Beitrag lesen

SELF-Forum

2-Spalten-Layout

Sascha
– Informationen zu den Bewertungsregeln

Hallo!
Ich habe ein 2-Spalten-Layout mit CSS erstellt (mit "unechten Spalten" damit die Navigationsleiste sich an das Inhaltsfenster anpasst).
Hier der Code der Seite:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--Haupttext-->
<div id="wrapper">
<div id="left"> Navigation<br>
Navigation<br>
Navigation<br>

</div>
<div id="right">
Text<br>
Text<br>
Text<br>
Text<br>
Text<br>
Text<br>
</div>
</div> </div>
<!-- Ende Haupttext-->

</body>
</html>

Und das zugehörige Stylesheet:
#wrapper {  background: url(green.gif) repeat-y left;}
#left {background-color:#B5D8A9; width:150px; float:left;}
#right {background-color:#B5B899; margin-left: 200px; margin-right:30px; font-family: VERDANA,ARIAL,HELVETICA; text-align: justify;}
#main {position: absolute; width:900px; z-index:1; right: 50%;  height: auto; left: 50%; margin-left: -450px;background-color:#FFFFFF;}

Mein Problem ist nun folgendes:
Ab dem 5. "Test" werden alle weiteren Reihen ohne Abstand nach links angezeigt, währenddessen bei dem 1. - 4. Test ein geringer Abstand nach links vorhanden ist. Wie bekomme ich diesen Abstand nun weg? Bzw. wie kann das 5. "Test" wie die vorherigen ausgerichtet werden? Ich hoffe, mein Problem ist verständlich.
Viele Grüße,
Sascha

Beitrag melden
–
Informationen zu den Bewertungsregeln