div zentriert ausrichten
0 0 
Detlef G.
div zentriert ausrichten
Hallo,
ich habe eine Seite mit einem Layout, was auf CSS basiert.
Die Quelltextstruktur sieht so aus:
<html>
<head>
<title>Titel</title>
<style type="text/css">
CSSbestimmungen
div#alles {
text-align:left;
width:900px;
border:2px solid silver;
}
</style>
</head>
<body>
<div id="alles">
INHALT
</div>
</body>
</html>
So, nun ist leider die ganze Box(der div mit id="alles") links im Fenster des Browsers, wie kann ich sie in die mitte setzen?
MfG
Guten Ruttttttttsch
-
Hallo,
<html>
Wo ist die Doctypeangabe? Ohne die geht das nicht so wie du willst!
Verwende entweder
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
oder <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
wobei ich den letzteren bevorzugen würde.<style type="text/css">
CSSbestimmungen
div#alles {Der Text "CSSBestimmungen" hat hier nichts zu suchen! Entweder in einen Kommentar /* hier rein */ oder weglassen.
So, nun ist leider die ganze Box(der div mit id="alles") links im Fenster des Browsers, wie kann ich sie in die mitte setzen?
Dem <div> muss du dazu links und rechts einen automatischen Außenrand geben, d.h. margin-left: auto; und margin-right: auto;
Verkürzbar mit margin: 0 auto; wobei 0 die Angabe für oben und unten ist, die du beliebig ändern kannst.
Gruß und guten Rutsch ebenfalls
-
Hallo BANG
... wie kann ich sie in die mitte setzen?
Häufig gestellte Fragen, dort findest du Wie zentriere ich Elemente mit CSS?.
Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!