<div> zentrieren
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abstand
auto
beitrag
container
datei
design
gegenteil
kleines problemchen
margin
mitte
mittelwert
objekt
opus
pack
recht
restliche quelltext
right
schrift
stargate
tabelle
-
Also ich habe ein kleines Problemchen...
Ich bastel mir im moment ein kleines Template, dass mit <div>-container arbeiten(ich hasse tabellen).
also, nun habe ich folgendes Problem:
Ich m?chte den haupt div zentrieren(also nicht die schrift, sondern das objekt).
Ich habe es schon mit verschiedenen Sachen wie align usw. probiert. Mit absoliuter Positionierung m?chte ich nicht arbeiten.
Was gibt es f?r M?glichkeiten, das ganze zu zentrieren???
-AlienDwarf -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
#container { margin:10px auto 0px auto; }
M?stte gehen.
Der erste Wert gibt den Abstand nach oben an.
Den 2. und den letzten Wert musst du so lassen, denn dann entscheidet der Browser selber und der versucht dann einen Mittelwert f?r die beiden Werte zu finden, was bedeutet die Abst?nde nach links und rechts sind gleich. Somit ist der div-Bereich dann zentriert.
Der 3. Wert steht dann nat?rlich noch f?r den Abstand nach unten ;)
H2O -
Alles in eine Tabelle packen, und die Tabelle zentrieren. Die Tabelle hat dann halt nur eine Zelle. Ist zwar ne bl?de methode, aber es funzt =)
?dit: Da waren wohl 2 schneller und haben auch bessere L?sungen =)
Beitrag ge?ndert am 11.08.2005 22:11 von zonk -
@h2o & EisFux:
Super! Danke!
es klappt net...
nur zonk's L?sung geht, auch wenn ich sie nicht so toll finde...
-AlienDwarf -
Was bedeutet denn es klappt nicht?
Wie benutzt du denn das Element?
Ist es vielleicht in eine Tabelle oder wie sieht der restliche Quelltext aus?
H2O -
also mit "margin-right: auto; margin-left: auto;" kann man einen Div-Container problemlos zeintrieren...
Das wei? ich und da kannst jetzt das Gegenteil behaupten, iss mir wurscht... da bin ich mir sicher!
Damit zentrierst du den Container in die mitte der Seite... Dann ahst du rechts und links den selben Abstand...
Horizontal zentrieren ist nicht m?glich... bin ich mir auch sicher! -
Hallo, du kleiner gr?ner au?erirdischer (fremd(artig)er?) Zwerg!
Da du ja Opera benutzt, stell doch mal den Anzeigemodus auf "Autorenmodus" um. Dann klappt das. Wenn nicht, hast du deinen Opera verbastelt oder dein Style-Sheet ist fehlerhaft. Bei mir funktioniert es. Gut ist auch immer ein richtiger XHTML-Header am Anfang der Datei, damit der Browser in den standardkonformen Modus schaltet und nicht versucht, Pseudo-Profi-Webdesigner-Schwachheiten zu interpretieren. -
alopex schrieb:
Hallo, du kleiner gr?ner au?erirdischer (fremd(artig)er?) Zwerg!
Wie kommst du darauf, dass ich gr?n bin??
Ich hab das ganze mal hochgeladen:
http://web215.server-drome.org/template.htm
k?nnt ihr euch ja mal angucken. Das ganze ist ein Template f?r mein CMS.
Achja, Autorenmodus is an.
-AlienDwarf -
Na wenn du position:absolute; reinschreibst, bedeutet das, dass der Browser sich nicht am Rest der Seite orientieren soll sondern eine absolute Position hat.
Nehme das raus und es klappt ;)
H2O -
wenn es raus ist, sieht das Design aber ein wenig "komisch" aus.
Probiers doch aus, dann siehste es.
-AlienDwarf -
Dann probier es mal mit "relative".
Und: Alle Au?erirdischen ("alien") sind gr?n. Au?er die von Stargate ... -
alopex schrieb:
Und: Alle Au?erirdischen ('alien') sind gr?n. Au?er die von Stargate ...
Stimmt gar net...
Nur weil ich ein Alien bin, muss ich noch nicht aussehen wie lima...
Aber trotzdem danke, eisf?xchen, jetzt klappts.
?brigens: Ich hab letztens einen deiner Artgenossen in Island gesehen. Der sah sehr niedlich aus...
-AlienDwarf -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage