Sie sind nicht angemeldet.
Lieber Besucher, herzlich willkommen bei: Aqua Computer Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.
Quellcode |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
#total { background: url(../img/bg.jpg) repeat-y; margin: 0 auto; width:980px; } #menu { background: url(../img/logo_menu.jpg) 50% 0 no-repeat; float: left; font-size: 1.0em; margin: 10px 0 0 0; padding: 160px 10px 5px 10px; text-align: left; width: 200px; color: #5b2300; } #content { background-color: #5b2300; color: #caa078; float: left; font-size: 0.9em; font-style: normal; margin-left: 0px; padding: 10px; width: 650px; } |
Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »infinite« (11. Februar 2009, 16:00)
Wenn die html-Datei so aussieht:total ist der container div, menu der linke und content der rechte. kann mir jemand verraten wie ich das ganze jetz zentriert bekomme?
Quellcode |
|
1 2 3 4 |
<div id='total'> <div id='menu'>...</div> <div id='content'>...</div> </div> |
Quellcode |
|
1 2 3 4 5 |
div#total{ ... margin:0 auto 0 auto; ... } |
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »infinite« (11. Februar 2009, 10:05)
Quellcode |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
#total { margin: 0 auto; width:980px; border:1px solid red; } #menu { float: left; font-size: 1.0em; text-align: left; width: 200px; } #content { background-color: #5b2300; color: #caa078; font-size: 0.9em; font-style: normal; margin-left:200px; } |
die divs sind nur mehr oder weniger zentriert, aber ein stueck zu weit links.
Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Y0Gi« (11. Februar 2009, 15:19)
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »infinite« (11. Februar 2009, 15:40)
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »crushcoder« (11. Februar 2009, 15:59)
Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.
Wenn `margin: 0 auto;` zur horizontalen Zentrierung funktionieren soll, muss das Elternelement (in diesem Fall wohl `body`) `text-align: center;` haben.
Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »TrOuble« (11. Februar 2009, 19:20)
Quatsch. Wie kommst du denn da rauf? Einzige Voraussetzung ist, dass das Element welches zentriert werden soll eine Breitenangabe besitzt.
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »scorpionking« (11. Februar 2009, 19:23)
Zitat von »Die Insel (Film)«
"Was ist Gott?"
"Wenn du dir etwas unbedingt wünschst, und du schließt die Augen und bittest darum, ist Gott der Kerl, der dich ignoriert!"
Quatsch. Wie kommst du denn da rauf? Einzige Voraussetzung ist, dass das Element welches zentriert werden soll eine Breitenangabe besitzt.
Wenn's mit dem IE auch funktionieren soll, ist das sehr wohl nötig. Der IE ignoriert das margin:auto zur Zentrierung nämlich fröhlich...
Hier der Beweis:
http://simplyray.de/tmp/
Funktioniert einwandfrei im IE 6, IE 7, IE 8 beta 2 ... und komm mir jetzt NICHT mit dem IE 5.5!
Also wer auf den Browser noch optimiert hat den Schuss nicht mehr gehört. Der wird bei w3schools.com nicht mal mehr gelistet
Gruß TrOuble
Zitat von »Die Insel (Film)«
"Was ist Gott?"
"Wenn du dir etwas unbedingt wünschst, und du schließt die Augen und bittest darum, ist Gott der Kerl, der dich ignoriert!"
Hier der Beweis:
http://simplyray.de/tmp/
Funktioniert einwandfrei im IE 6, IE 7, IE 8 beta 2 ... und komm mir jetzt NICHT mit dem IE 5.5!
Also wer auf den Browser noch optimiert hat den Schuss nicht mehr gehört. Der wird bei w3schools.com nicht mal mehr gelistet
Gruß TrOuble
Hm, bei selfhtml steht's halt anders drin (http://de.selfhtml.org/css/layouts/mehrspaltige.htm, kurz vor "Dreispaltige Layouts"), aber wenn's auch so funktioniert, passt's ja...
-