fischkrampf
Mitglied
Hallo,
ich schreibe gerade an einer Website mit CSS Positionierung. Ich möchte das die ganze Website mittig dargestellt wird. Weiter "innen" in meinem Layout verwende ich "float:left".
Ich glaube dadruch das immer eine Komponente links in der nächst höheren steht bekomme ich die komplette Site nicht mehr in die Mitte gerückt. Ich habe mal einen einfachen Testcase erstellt:
Aussehen soll das ganze wie folgt:
Es liegen 2 Layer direkt nebeneinander. Ein weiterer schliesst direkt unten an die beiden an.
Vielleicht anschaulicher (L = O = P = Layer):
LLLLLLLLOO
LLLLLLLLOO
PPPPPPPOO
PPPPPPPOO
Habt Ihr eine Ahnung was ich ändern muss damit die Site in der Mite angezeigt wird?
Danke schon im Vorraus für jede Hilfe!
Gruß
Jochen
ich schreibe gerade an einer Website mit CSS Positionierung. Ich möchte das die ganze Website mittig dargestellt wird. Weiter "innen" in meinem Layout verwende ich "float:left".
Ich glaube dadruch das immer eine Komponente links in der nächst höheren steht bekomme ich die komplette Site nicht mehr in die Mitte gerückt. Ich habe mal einen einfachen Testcase erstellt:
Code:
<html>
<head>
<title>test</title>
</head>
<body style="text-align: center;">
<div style="text-align: center;">
<div style="text-align: center; ">
<div>
<div style="float: left; width: 100px; height: 60px; border:1px solid #000000;"></div>
<div style="float: left; width: 10px; height: 60px; background-color: #EE5555;"></div>
</div>
<div style="clear: left; float: left; width: 100px; height: 10px; background-color: #55EE55;"></div>
</div>
</div>
</body>
</html>
Aussehen soll das ganze wie folgt:
Es liegen 2 Layer direkt nebeneinander. Ein weiterer schliesst direkt unten an die beiden an.
Vielleicht anschaulicher (L = O = P = Layer):
LLLLLLLLOO
LLLLLLLLOO
PPPPPPPOO
PPPPPPPOO
Habt Ihr eine Ahnung was ich ändern muss damit die Site in der Mite angezeigt wird?
Danke schon im Vorraus für jede Hilfe!
Gruß
Jochen