text-align:center wirkt nicht auf <div>

22.08.2004, 13:30

Ich denke der Code spricht für sich:

PHP-Code:

  <body style="text-align:center">

<div>dieser Textblock ist zentriert, gut so!</div>

<div style="width:123px;">dieser Textblock ist linksbündig, soll aber auch zentriert sein</div>

</body>

Das Problem tritt im Mozilla Firefox auf, der Interexplorer kann es darstellen.
Ich hab keine Ahnung warum das so ist

22.08.2004, 13:48

Code:

<body>
<div align="center">dieser Text ist zentriert</div>
<div align="left">dieser Text ist linksbündig</div>
</body>

so sollte es gehn

22.08.2004, 13:53

Ja so gehts, aber:

http://validator.w3.org/check?uri=ht...%2Fdesign.html

Ich möcht mich da dran halten. Man grade angefangen mit dem Design und so ein hartnäckiger Fehler.

22.08.2004, 13:58

Ich glaub nun hab ich kapiert wasd meinst ;D
hättest deinen ersten Beitrag ja auch eher editieren konnt *fg*

PHP-Code:

  <body style="text-align:center"> 

<div>dieser Textblock ist zentriert, gut so!</div> 

<div style="width:123px, text-align:center;">dieser Textblock ist nicht mehr linksbündig, sondern auch zentriert ;)</div> 

</body>

da du einen neuen div-block startest musst du auch das Attribut neu reinschreiben, da der erste block mit dem Attribut text-align:center ja durch </div> wieder abgeschlossen wurde.

22.08.2004, 14:04

Das mit

Code:

<body style="text-align: center;">

klappt nur im IE. Für Mozilla o.Ä. machst du einfach

Code:

<div style="margin: 0px auto;">

und das div-Element ist zentriert.

22.08.2004, 14:09

edit:

Juhu danke maxi

Das macht zwar kein Sinn, aber es funktioniert!!

agrajag · 22.08.2004, 15:11

Zitat:

Zitat von »

JohnDoe [«]edit:

Juhu danke maxi

Das macht zwar kein Sinn, aber es funktioniert!!

Wieso soll das keinen Sinn machen?
Der Mozilla verhält sich hier standardkonform. Nur der IE braucht zusätzlich ein text-align:center....

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
JavaScript: Text Area: Scrollen zu einer Zeile im Text	SvenLittkowski	HTML, Usability und Barrierefreiheit	13	28.11.2007 16:31
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
MySQL-Volltextsuche	SvenLittkowski	Datenbanken	6	14.06.2007 19:58
spalte rechts ausrichten, text aber trotzdem linksbündig	Crypi	HTML, Usability und Barrierefreiheit	5	14.09.2006 11:35
HTML-Entities nur für Text, nicht für HTML-Tags		PHP-Fortgeschrittene	2	31.12.2005 00:08
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
Text aus der DB verteilen		PHP Tipps 2007	17	16.11.2005 12:04
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
frames probleme		HTML, Usability und Barrierefreiheit	6	18.01.2005 02:33
Per Button Text formatieren	Igäl	HTML, Usability und Barrierefreiheit	1	11.11.2004 06:25
Javascript: Text einfügen geht nich über "javascript:BL		HTML, Usability und Barrierefreiheit	14	19.10.2004 21:44
Zeilenumbrüche aus einem formatierten Text entfernen	woods	PHP Tipps 2004	9	23.09.2004 12:50
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

22.08.2004, 13:30
Gast Beiträge: n/a	text-align:center wirkt nicht auf <div> Ich denke der Code spricht für sich: PHP-Code: `<body style="text-align:center"> <div>dieser Textblock ist zentriert, gut so!</div> <div style="width:123px;">dieser Textblock ist linksbündig, soll aber auch zentriert sein</div> </body>` Das Problem tritt im Mozilla Firefox auf, der Interexplorer kann es darstellen. Ich hab keine Ahnung warum das so ist


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

22.08.2004, 13:48
Gast Beiträge: n/a	Code: <body> <div align="center">dieser Text ist zentriert</div> <div align="left">dieser Text ist linksbündig</div> </body> so sollte es gehn

22.08.2004, 13:53
Gast Beiträge: n/a	Ja so gehts, aber: http://validator.w3.org/check?uri=ht...%2Fdesign.html Ich möcht mich da dran halten. Man grade angefangen mit dem Design und so ein hartnäckiger Fehler.

22.08.2004, 13:58
Gast Beiträge: n/a	Ich glaub nun hab ich kapiert wasd meinst ;D hättest deinen ersten Beitrag ja auch eher editieren konnt fg PHP-Code: `<body style="text-align:center"> <div>dieser Textblock ist zentriert, gut so!</div> <div style="width:123px, text-align:center;">dieser Textblock ist nicht mehr linksbündig, sondern auch zentriert ;)</div> </body>` da du einen neuen div-block startest musst du auch das Attribut neu reinschreiben, da der erste block mit dem Attribut text-align:center ja durch </div> wieder abgeschlossen wurde.

22.08.2004, 14:04
Gast Beiträge: n/a	Das mit Code: <body style="text-align: center;"> klappt nur im IE. Für Mozilla o.Ä. machst du einfach Code: <div style="margin: 0px auto;"> und das div-Element ist zentriert.

22.08.2004, 14:09
Gast Beiträge: n/a	edit: Juhu danke maxi Das macht zwar kein Sinn, aber es funktioniert!!