FF denkt nicht dran, inneren div-Block zu zentrieren!
0 0 0 
at
0 0
FF denkt nicht dran, inneren div-Block zu zentrieren!
Der MartinHallo,
ich habe einen div, img und inneren div wie folgt definiert:
<div style="width: 800px; text-align: center">
<img ... width="500" hight="300" align="center">
<div style="width: 500px; text align: left">
Text...
</div>
</div>
Der IE7 zentriert das Bild <img>, so wie den inneren div, so wie gewollt, der FF zentriert den <img>, den inneren <div> zu zentrieren, denkt der FF gar nicht dran. Diesen haut er einfach an die linke Seite und ignoriert den "text-align: center" vom übergeordneten <div>. Ein "align" gibt es beim CSS-style leider nicht. Meistens wird auf den IE geschimpft, aber manchmal zickt auch der FF. Ja, manchmal ist ein <table align="center">, oder ein <center> - </center> eben doch besser, da dies immer funktionier, auch wenn <center> veraltert sein soll.
Gruß Freddy
-
Hi,
<img ... width="500" hight="300" align="center">
das zweite Attribut heißt "height", und das dritte eliminiere bitte vollständig. Es hat in HTML nichts zu suchen.
<div style="width: 500px; text align: left">
Validiere bitte Deine Codes.
Der IE7 zentriert das Bild <img>, so wie den inneren div,
Deine Seite schaltet den IE in den Quirks-Mode. Das ist ein *schwer*wiegender Fehler.
so wie gewollt, der FF zentriert den <img>, den inneren <div> zu zentrieren, denkt der FF gar nicht dran. Diesen haut er einfach an die linke Seite und ignoriert den "text-align: center" vom übergeordneten <div>.
Er ignoriert es nicht. Überlege Dir, warum die Eigenschaft *text*-align heißt.
Ein "align" gibt es beim CSS-style leider nicht.
Und Deine Suche bezüglich der Zentrierung von Block-Elementen ergab ...?
Meistens wird auf den IE geschimpft, aber manchmal zickt auch der FF.
Firefox "zickt" im Prinzip nur, wenn man es falsch macht.
Ja, manchmal ist ein <table align="center">, oder ein <center> - </center> eben doch besser,
Nein.
da dies immer funktionier,
So wie die bekannte CSS-Alternative.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Deine Kommentare waren nicht gerade hilfreich! Besten Dank dafür!
Gruß Freddy
-
Hallo Freddy,
Deine Kommentare waren nicht gerade hilfreich! Besten Dank dafür!
das zeigt, dass du sie weder sofort verstanden, noch einen Moment darüber nachgedacht hast. Schade eigentlich.
So long,
Martin--
Das einzige Problem beim Nichtstun: Man weiß nie, wann man damit fertig ist.
-
-
Hallo.
Firefox "zickt" im Prinzip nur, wenn man es falsch macht.
Die Ausnahmen von diesem Prinzip sind umso ärgerlicher. Nachdem ich den IE ja bereits aufgegeben habe, bin ich beim FF kurz davor.
MfG, at
-
-
Hi,
ignoriert den "text-align: center" vom übergeordneten <div>. Ein "align" gibt es beim CSS-style leider nicht. Meistens wird auf den IE geschimpft, aber manchmal zickt auch der FF.
nö, der macht meist - so auch hier - keine Fehler.
Was denkst Du, wofür das "text" in text-align wohl steht? Jedenfalls nicht für Block-Elemente.freundliche Grüße
Ingo-
Hallo Ingo,
Was denkst Du, wofür das "text" in text-align wohl steht? Jedenfalls nicht für Block-Elemente.
Das ist mir eigentlich klar, aber es gibt in CSS kein "align", sondern nur ein "text-align". Also, fehlt hier eigentlich etwas, nämlich der "align: left/center/right". Es gibt schon andere Möglichkeiten, die Sache zu lösen, wenn auch etwas umständlicher, aber ein "align" wäre das einfachste und eleganteste.
Gruß Freddy
-
Hi,
Das ist mir eigentlich klar, aber es gibt in CSS kein "align", sondern nur ein "text-align". Also, fehlt hier eigentlich etwas, nämlich der "align: left/center/right".
Dafür gibt es float:left / margin:auto / float:right.
freundliche Grüße
Ingo
-
-
-
Tachchen!
http://www.w3.org/TR/CSS21/text.html#propdef-text-align
http://www.w3.org/TR/CSS21/visudet.html#Computing_widths_and_marginsDas beantwortet alle deine Fragen und geht sogar noch darüber hinaus. ;-)
Gruß
Die schwarze Piste