DIV-Kasten Mittig ausrichten
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angeben
attribut
ausnehmen
beitrag
center
container
damal
einzelne elemente
elemente
fixe
gegenteil
kundenwunsch
margin
mitte
opus
schema
sites versuch
tag
transitional
zusammenhang
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
<div style="position: relative; margin-left: auto; margin-right: auto;"></div>
Bei weiteren Fragen -> Suchen benutzen.
Zu dem Thema gibt es sogar nen Thread von mir
.aliendwarf -
danke f?r den Tipp, ich werd mich mal umsehen!!!
-
<div style="position: relative; margin-left: auto; margin-right: auto;"></div>
Bei weiteren Fragen -> Suchen benutzen.
Zu dem Thema gibt es sogar nen Thread von mir
.aliendwarf
Bei mir funktioniert das nicht und zwar bei keinem browser (IE, Opera, FF). -
Das funktioniert nat?rlich nicht, wenn nebendran noch ein anderer div-container vorbeiflie?t. Also guck mal, das kein container mit "float" die mittige Ausrichtung st?rt. Ansonsten kannst du ja auch <center></center> benutzen. Ist zwar kein HTML4 Standard mehr, aber sollte es zur Not auch tun, wenn du dein Problem nicht gel?st bekommst.
-
position: absolute; height: 570px; width: 841px; left: 50%; top: 50%; margin-left: -420px; margin-top: -285px;
Auf diesem Weg wird es auch im IE 5 zentriert dargestellt
F?r den oben schon angesprochenen Weg muss die H?he und Breite angegeben werden, damit es zentriert werden kann. Denn einen Container von unbekannter Gr??e kann man schlecht ausrichten, der ist dann immer oben links bzw am letzt h?heren Element ausgerichtet.
Es empfielt sich auch
html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
Mit in das CSS File aufzunehmen. Das erspart einem viel Frust. -
du kannst bei einfachen divs ader auch einfach das attribut align=center setzen
-
du kannst bei einfachen divs ader auch einfach das attribut align=center setzen
Das f?hrt allerdings h?ufig zu Darstellungsfehlern.
Ich w?rde eine Seite grunds?tzlich mit einem der obigen Code-Schnipseln zentrieren und dann alles weitere ?ber "float" ausrichten. Falls n?tig kann man einzelne Elemente auch mit "position: absolute" kennzeichnen. Aber nur in Ausnahmen. Die meisten Layouts gehen wunderbar mit float zu l?sen. -
Ich w?rde position: absolute nicht empfehlen, wenn du <div>s einfach nur ausrichten willst. Sachen wie float funktionieren in deren Zusammenhang zB nicht und du bekommst Probleme bei anderen Aufl?sungen!
-
Ich w?rde position: absolute nicht empfehlen, wenn du <div>s einfach nur ausrichten willst. Sachen wie float funktionieren in deren Zusammenhang zB nicht und du bekommst Probleme bei anderen Aufl?sungen!
Komisch nur das es bei all meinen Projekten funktioniert. Aber in gewisser Weise kann ich dir recht geben. Denn der IE 5.5 hat Probleme mit Float, von daher kann man ihn eh au?en vor lassen und kann das zentrieren dann ?ber die margin und width/height werte machen. -
Wenn du items eine absolute position gibst, richten sich andere Elemente nicht mehr nach diesem. In dem Sinne d?rfte float nur auf andere Elemente ansprechen.
-
Na ganz so einfach ist es dann aucht nicht ;)
<div> <-- absolute
<div <-- relative, kann floaten
</div>
<div> <--relative, kann floaten
</div>
</div>
So geht das Problemlos. Kannst du zb. bei meinem letzten Projekt ansehen -> http://www.mmpgroup.de
Beitrag ge?ndert: 18.9.2006 9:33:30 von evil-devil -
Ich w?rde ein div niemals mit px zentrieren, leiber so.
<html> <head> <style type="text/css"> body { text-align: center; /* Horizontales align f?r IE */ } .mytable { text-align: left; /* Damit die Schrift wieder passt */ width: 50%; /* was auch immer du willst */ margin: auto; /* align f?r alle au?er IE */ } </style> </head> <body> <div class="mytable"> Test </div> </body> </html>
Achja getestet und geht, im IE wie FF wie Opera Konqueror, etc...
MfG apollo13 -
Und welches HTML Schema soll das darstellen? Ich bin mir eigentlich sicher, das der Weg bei XHTML 1.0 Transitional bzw Strict nicht geht. Kannst mich aber gern vom Gegenteil ?berzeugen.
//e: ich seh gerade, das du den Code genommen hast, den ich in einem anderen THread auch gepostet hatte. Der geht halt nur leider nicht im IE 5.5 ;) Was ich damals aber auch schon geschrieben hatte. ;)
Und wieso w?rdest du niemals PX Angaben nehmen? Es kann sein das dies notwendig ist. Denn die meisten zentrierten Layouts haben eine fixe Gr??e.
Beitrag ge?ndert: 19.9.2006 8:01:29 von evil-devil -
Und welches HTML Schema soll das darstellen? Ich bin mir eigentlich sicher, das der Weg bei XHTML 1.0 Transitional bzw Strict nicht geht. Kannst mich aber gern vom Gegenteil ?berzeugen.
?hm, wohl sogar XHTML 1.1
//e: ich seh gerade, das du den Code genommen hast, den ich in einem anderen THread auch gepostet hatte. Der geht halt nur leider nicht im IE 5.5 ;) Was ich damals aber auch schon geschrieben hatte. ;)
Den habe ich nicht gesehen^^. Wei? nicht habe keinen IE 5 mehr... Wer verwendet den denn noch?
Und wieso w?rdest du niemals PX Angaben nehmen? Es kann sein das dies notwendig ist. Denn die meisten zentrierten Layouts haben eine fixe Gr??e.
pixel == unflexibel
MfG apollo13 -
@px: Nicht jedes Layout ist auf flexibilit?t ausgelegt. Die sind dann meist starr auf der Mitte ausgesetzt.
@IE 5: Banken und andere Firmen. Sowie User die kein XP haben (sind noch ne Menge). Meine Sites versuch ich soweit an den IE anzupassen, das sie weningstens halbwegs vern?nftig darstellbar sind. Oder je nach Kundenwunsch totale Anpassung.
//edit: Wozu hat man die IE CSS Weiche denn sonst ;)
Beitrag ge?ndert: 25.9.2006 12:27:42 von evil-devil -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
