Der Inhalt im div wird nicht zentriert
Devel
- css
Warum wird der Inhalt in dem übergeordneten div nicht zentriert?
<div style="width:300px;text-align:center">
<div style="float:left;">1</div>
<div style="float:left;">2</div>
<br style="clear:left">
</div>
Hat jemand eine Lösung?
Wenn ich die floats nicht benutze dann wird es zentriert. Ich brauche aber die floats.
Hi Devel!
Wenn ich die floats nicht benutze dann wird es zentriert. Ich brauche aber die floats.
Dann musst du die Abstände nach links und rechts via margin setzen.
MfG Hopsel
Hi Devel,
Warum wird der Inhalt in dem übergeordneten div nicht zentriert?
<div style="width:300px;text-align:center">
<div style="float:left;">1</div>
<div style="float:left;">2</div>
<br style="clear:left">
</div>
Von welchem Inhalt redest du?
text-align heißt nicht umsonst so und nicht div-align. Diese Eigenschft gilt nicht für Blockelemente.
Live long and prosper,
Gunnar
Hi Gunnar,
Jo, du hast Recht.
Aber schau mal hier: http://css.maxdesign.com.au/listamatic/horizontal16.htm
es ist zwar mit ul innerhalb eines divs und das wird zentriert. Und die einzelnen lis haben auch float.
Ich glaube ich versuche, das auch mit "list" mein Problemchen zu lösen.
Danke für dein Feedback,
Devel
Ich glaube ich versuche, das auch mit "list" mein Problemchen zu lösen.
Devel,
ul, ol und li sind genauso Blockelemente wie div auch. Was damit geht, geht auch mit div.
Wenn der Inhalt aber eine Liste ist, dann sollte sich das aber selbstverständlich im Markup widerspiegeln.
Live long and prosper,
Gunnar
Hi,
Warum wird der Inhalt in dem übergeordneten div nicht zentriert?
welcher Inhalt? Du meinst:
<div style="float:left;">1</div>
? die "1" sollte theoretisch zentriert sein, aber da sie links ausgerichtet ist und das div durch das float die Breite des Inhalts annimmt, siehst Du das natürlich nicht.
freundliche Grüße
Ingo
Was ich erreichen möchte ist folgendes:
Alle kleine divs die innerhalb von dem außeren drin sind sollen mit float sein damit sie nebeneinander erscheinen und dann eben alle zusammen zentriert werden.
Damit das ganze ungefähr so aussieht:
| 1 2 3 4 5 |
Hallo Devel
Alle kleine divs die innerhalb von dem außeren drin sind sollen mit float sein damit sie nebeneinander erscheinen und dann eben alle zusammen zentriert werden.
Damit das ganze ungefähr so aussieht:
| 1 2 3 4 5 |
Welche sonstigen Formatierungen sollen deine Divs nocht erhalten?
Warum sind es überhaupt Divs?
Wenn keine anderen Formatierungen nötig sind, die ein Blockelement
erfordern, wäre es besser, ein Inlineelement (z.B. span) zu verwenden oder
display:inline
statt float:left
.
Auf Wiederlesen
Detlef
Hi Detlef,
ist ja witzig! Echt, ich kam auch drauf, dass ich das mit span besser machen kann und dann lese ich deine Antort hier. Super!
Noch mal vielen Dank für alle Tipps, auch von den anderen. Man kommt echt auf bessere Ideen wenn man über ein Problem reden kann.
Jetzt sieht mein code oder besser gesagt das Ergebnis im Browser genauso wie ich es mir vorgestellt habe. Yupiii ;)
Grüße
Devel