Block-Element zentrieren?
0 0 0 0 
Patrick Andrieu
0
0
0
Block-Element zentrieren?
Der MartinHabe folgenden Schnippsel:
<div style="margin:0 auto">
<div style="float:left;width:30px"></div>
<div style="margin-left:30px">Text mit variabler Länge</div>
</div>
Nun ist meine Frage:
Wie zentriere ich diesen ganzen Block?
Ich kann ja leider nicht mit width arbeiten, da die Breite variiert.
-
<div style="margin:0 auto">
<div style="float:left;width:30px"></div>
<div style="margin-left:30px">Text mit variabler Länge</div>
</div>> > Nun ist meine Frage: > Wie zentriere ich diesen ganzen Block? Welchen? Und fehlt hinter dem margin:0 nicht was?-
Welchen? Und fehlt hinter dem margin:0 nicht was?
- Was fehlt denn hinter margin?
- Ich will den äußeren Block zentrieren. Innerhalb dieses Blocks gibt es andere Ordnungen. Aber das o.g. Beispiel ist eher zum besseren Verständnis. Ich will wissen, wie man Blöcke mit variabler Breite zentriert (in den Blöcken können sich weitere Blöcke, floats usw. befinden).
-
- Was fehlt denn hinter margin?
Ich dachte da muß eine Einheit hin. Wenn nicht dann nicht.
- Ich will den äußeren Block zentrieren.
Das ist er doch mit dem "auto"?!
-
Hallo Texter!
Ich dachte da muß eine Einheit hin. Wenn nicht dann nicht.
Bei 0 kann sie entfallen. Oder ist 0px doch größer als 0cm? ;)
Bei auto auch, denn deren Zähler zeigen nur km, der Tageszähler auch hektometer an, das ist dann für ein kleines Bildschirmchen doch etwas groß ;)
Viele Grüße aus Frankfurt/Main,
Patrick--
_ - jenseits vom delirium - _
Diblom [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
J'ai 10 ans! | Achtung Agentur! | Nichts ist unmöglich? Doch! | Heute schon gegökt?-
»» Ich dachte da muß eine Einheit hin. Wenn nicht dann nicht.
Bei 0 kann sie entfallen. Oder ist 0px doch größer als 0cm? ;)
Dann kann ich auch 0FußFahrenheit schreiben? ;)
-
Hallo,
»» »» Ich dachte da muß eine Einheit hin. Wenn nicht dann nicht.
»» Bei 0 kann sie entfallen. Oder ist 0px doch größer als 0cm? ;)
Dann kann ich auch 0FußFahrenheit schreiben? ;)theoretisch ja - allerdings versucht der CSS-Parser eine angegebene Einheit auch zu interpretieren, selbst wenn der Wert 0 ist. Eine Angabe wie margin: 0stones; wird also leider als Fehler angemahnt, auch wenn die Größe an sich eindeutig ist. ;-)
So long,
Martin--
"Drogen machen gleichgültig."
- "Na und? Mir doch egal."-
[latex]Mae govannen![/latex]
Eine Angabe wie margin: 0stones; wird also leider als Fehler angemahnt, auch wenn die Größe an sich eindeutig ist. ;-)
Natürlich, für „stones“ ist natürlich nur ein Zahlenwert zulässig ;)
Cü,
Kai
--
Ash nazg durbatulûk, ash nazg gimbatul,ash nazg thrakatulûk, agh burzum-ishi krimpatul
SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:? -
theoretisch ja - allerdings versucht der CSS-Parser eine angegebene Einheit auch zu interpretieren
Von dem Kollegen hatte ich angenommen, er würde auf eine Einheit bestehen, daher.
-
-
-
-
»» Welchen? Und fehlt hinter dem margin:0 nicht was?
- Was fehlt denn hinter margin?
- Ich will den äußeren Block zentrieren. Innerhalb dieses Blocks gibt es andere Ordnungen. Aber das o.g. Beispiel ist eher zum besseren Verständnis. Ich will wissen, wie man Blöcke mit variabler Breite zentriert (in den Blöcken können sich weitere Blöcke, floats usw. befinden).
Seitwann hat text-align irgendeinen Einfluss auf float?
Zum noch besseren Verständnis:
Die beiden inneren div's sollen NEBENEINANDER stehen. und zwar mittig!
So einfach wirds also nicht sein.nochmal zum Noch noch besseren VErtsändnis:
<body> <!-- zentriert --> <div style="margin:0;border:1px solid red"> <div style="float:left;width:30px"><img src="bild001.jpg"></div> <div style="margin-left:30px">Text neben dem Bild!</div> </div> <!-- /zentriert --> </body>Ich will einen zentrierten Block mit rotem Rahmen.
Innerhalb des Blocks befindet sich ein Bild. Rechts neben dem Bild ein Text variabler Länge.Folgender Code beschreibt, wie es fast funktionieren würde:
<body> <!-- zentriert --> <div style="margin:0;border:1px solid red;width:30em"> <div style="float:left;width:30px"><img src="bild001.jpg"></div> <div style="margin-left:30px">Text neben dem Bild!</div> </div> <!-- /zentriert --> </body>Auf das width muss ich aber verzichten, weil ich nicht weiss wie lang der Text neben dem Bild tatsächlich ist!
-
Hi,
Ich will einen zentrierten Block mit rotem Rahmen.
Innerhalb des Blocks befindet sich ein Bild. Rechts neben dem Bild ein Text variabler Länge. [...]
Auf das width muss ich aber verzichten, weil ich nicht weiss wie lang der Text neben dem Bild tatsächlich ist!Fakt ist: Das Element braucht eine (effektive) Breite kleiner als die gesamte zur Verfuegung stehende Breite, denn sonst ist nichts mit Zentrieren.
Du koenntest es mit display:inline-block fuer den Container versuchen - da wird width nach der "shrink-to-fit"-Methode berechnet. Ob dabei aber unter allen denkbaren Umstaenden das herauskommt, was du dir erwuenschst, bliebe abzuwarten.
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“-
Fakt ist: Das Element braucht eine (effektive) Breite kleiner als die gesamte zur Verfuegung stehende Breite
Solch klare Aussage bringt mich zumindestens schonmal weiter! Danke.
Ich wünschte, alle Antworten würden so unkompliziert sein.-
Ich wünschte, alle Antworten würden so unkompliziert sein.
Darauf kannst Du in einem gewissen Maß Einfluß nehmen.
http://www.google.de/search?hl=de&q=Wie+man+Fragen+richtig+stellt&btnG=Google-Suche&meta=
-
-
-
Die beiden inneren div's sollen NEBENEINANDER stehen. und zwar mittig!
Also willst du nicht nur den äußeren Block zentrieren, sondern auch dessen Inhalt. Wonach soll sich denn die Breite des äußeren Blocks richten?
... weil ich nicht weiss wie lang der Text neben dem Bild tatsächlich ist!
Darf der Text nicht umbrechen oder wo ist das Problem?
-
»» Wie zentriere ich diesen ganzen Block?
Hi,
<div style="margin:0 auto; text-align:center;"> <div style="float:left;width:30px"></div> <div style="margin-left:30px">Text mit variabler Länge</div> </div>gruß
cross
-
