Druckbare Version
Hi,
ich bin noch relativ neu bei HTML, habe aber schon einiges gelernt. Zur Zeit bau ich meine Layouts mit Divtags und definiere diese mit CSS. Aber ich habe ein Problem. Wie richte ich ein DIV-Objekt zentral aus? Wenn ich style="left:50%;" eingebe, dann geht die Definition immer vom 0 Punkt aus, d.h. dass die linke Seite des DIV Objektes in der Mitte ist und nicht die Mitte des Objektes.
Wie bekomme ich die zentral?
Probiers mal so.
Code:margin-left: auto;
maring-right: auto;
Funktioniert nicht:
Code:<html>
<head>
<style type="text/css">
body {
margin:0;
padding:0;
background-color:rgb(0,0,0);
font-family:tahoma;
font-size:10px;
color:white;
}
div {
position:absolute;
border:1px solid #888;
font-family:tahoma;
font-size:10px;
}
#box {
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div id="box" style="width:500px; height:500px;">Test</div>
</body>
</html>
Wieso positionierst du alle div's absolut?
Versuch mal:
Mfg MilchboxCode:#box {
margin: 0 auto;
}
Oh shit.. daran lags, sry ^^Zitat:
Zitat von Drakes
Danke an euch
Und wie wäre es mit
Sollte eigentlich gehen.Code:left: 50%;
margin-left: -250px;
s. mein Link... :rolleyes:Zitat:
Zitat von Crash-Override
Also nun hört mal,
zentriert jedes Blockelement mit einer breite ungleich 100%. Dem Blockelement also eine Breite geben!Code:margin: 0 auto;
Dass man text-align im IE für Blockausrichtung verwenden kann stellt nur eine weitere der schier unergründbare Fragen des Webdesigns dar.
Dann:
Wer keinen Doctype verwendet verdient keine Hilfe.HTML-Code:<html>
<!-- ... -->
wo wir schon dabei sind: es ist wirklich vorteilhaft von beginn an mit einem documenttype zu starten. andernfalls habt ihr im endeffekt extreme anpassungsprobleme solltet ihr diesen im nachhhinein einfügen wollen.Zitat:
Wer keinen Doctype verwendet verdient keine Hilfe.
hier erklährt man euch die vorzüge jedes einzelnen doc types und auch die methode wie man solche einnbindet
ansonsten:
hexadezimal angaben solltest du auch besser zu sechs stellen ausschreiben weils immer noch browser engines gibt die dreistellig gekürzte bereiche nicht kennen oder falsch interpretierenZitat:
border:1px solid #888;