<center>

Buhmann · 04.09.2005, 15:59

Nun ich habe das Problem, das der Opera den Tag <center> nicht richtig zu interpretieren scheint. Deswegen wollte ich fragen, wie man den ersetzen kann.

Ich habe schon <div align="center"> und <div style="text-align:center;"> probiert, hatte aber beides keinen effekt.

Die Seite ist valides Hmtl4, an unvalidität liegts also nicht.

Chr!s · 04.09.2005, 16:02

Zitat:

Ich habe schon <div align="center"> und <div style="text-align:center;"> probiert, hatte aber beides keinen effekt.

Komisch, statt <center> schreibe ich immer <div align="center"> u/o <div style="text-align: center;"> .. Prüfe mal in einer extra datei, wie sich das verhält:

Code:

<html>
 <head>
 </head>
 <body>
   <center>Ich bin ein Text in der Mitte</center>
   <div align="center">Ich bin ein Text mit DIV-Container in der Mitte</div>
   <div style="text-align: center;">Dasselbe in Grün</div>
 </body>
</html>

[/code]

Ben · 04.09.2005, 16:09

@buhmann:
Was genau willst du denn eigentlich machen?

Wenn du die "Seite zentrieren" willst, dann teste mal das hier

Code:

body {
    text-align:center;
}

#centered {
    margin:0 auto;
    height:300px;
    border:1px dotted #000;
}

in Verbindung mit folgendem HTML-Konstrukt

Code:

...
<body>
   <div id="centered">
        Die Seite ist zentriert.
   </div>
</body>

Ansonsten .. mal etwas näher beschreiben bitte und eventuell auch mal ein Codebeispiel hinzufügen.

Danke.

Grüße Ben.

Buhmann · 04.09.2005, 16:13

nein, es geht darum eine tabelle zu zentrieren.

@Chr!s jo das geht bei mir ohne probleme (also im ff)

naja ich schau ma ob ichs net doch anders lösen kann..

Ben · 04.09.2005, 16:17

Zitat:

Zitat von Buhmann

nein, es geht darum eine tabelle zu zentrieren.

Zeig doch mal bitte genau, was du machen willst.

Inhalt der Tabelle zentrieren oder die Tabelle als Solches zentrieren. Ein Codebeispiel wäre nicht schlecht.

Grüße Ben.

Waq · 04.09.2005, 17:11

Zitat:

Zitat von Buhmann

Die Seite ist valides Hmtl4, an unvalidität liegts also nicht.

Aber <center> wirste in neueren XHTML-Versionen oder in striktem HTML 4 nicht finden, das Tag darf tausend Tode sterben, gleich nach <font>.
CSS ist eigentlich ein adäquater Ersatz.

JEGO · 05.09.2005, 12:29

wenn ich das richtig verstanden habe willst du eine Tabelle zentrieren.

also so:

Code:

<table width="80%" border="0" align="center">

oder willst du nur Inhalt zentrieren?

05.09.2005, 12:52

Also wo liegt das Problem? Mach das doch einfach mit CSS!
Hier hab ich dir ein Beispiel gemacht:

Code:

<html>
<head>
<title>Zentriertes ausrichten</title>

<style type="text/css" title="style">
<!--

div#tabelle {
margin: 0px auto;
border-style: dotted;
width: 70%;
height: auto;
}

-->
</style>


</head>

<body>
<div id="tabelle">
<table width="100%"  border="1">
  <tr>
    <td>Test usw...</td>
    <td>kdafjsdsfldsafj</td>
  </tr>
  <tr>
    <td>Bla Bla Bla </td>
    <td><div align="center">Zentriert ausgerichteter Text</div></td>
  </tr>
  <tr>
    <td>Foo Bar </td>
    <td>asfdsafdsads</td>
  </tr>
</table>
</div>

</body>
</html>

[size=9px]Edited by Ben: Code-Tags hinzugefügt[/size]

pichfl · 05.09.2005, 13:19

das letzte beispiel zieht mir die schuhe aus.
warum nicht konsequent?

einmal ne class definieren fürs text-align

Code:

.center{text-align:center;}

und eine für die tabelle ne ID:

Code:

#tabelle{margin:0 auto;}

dann der tabelle sowohl die class als auch die id geben

Code:

<table id="tabelle" class="center">

und für die zu zentrierenden elemente IN der Tabelle einfach nur noch die class anwenden, dafür braucht man keinen neuen div, es geht einfach, wenn man das td-element mit der class ausstattet.

nur so nebenbei: text-align wurde von der W3C so definiert, dass es INLINE-elemente zentriert, nix anderes. einzig der IE kann jedes Element mit Text-align zentrieren.
(manchmal siind aber blockelemente in anderen blockelementen auch wieder inline-elemente, irgendwie ist das ganze seh unübersichtlich, da wirfts auch manchen profi noch durcheinander)
margin:0 auto; ist die einzige lösung, die auch nach regeln der w3c funktioniert (für block-elemente), man kann aber per css mit der display-eigenschaft jedes block in ein inline-element und umgekehrt umwandeln, mit allen vor und nachteilen, hab ich zum zentrieren nie ausprobiert, könnte aber mal ein neuer ansatz sein.

04.09.2005, 15:59	Nach oben #1
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 115	<center> Nun ich habe das Problem, das der Opera den Tag <center> nicht richtig zu interpretieren scheint. Deswegen wollte ich fragen, wie man den ersetzen kann. Ich habe schon <div align="center"> und <div style="text-align:center;"> probiert, hatte aber beides keinen effekt. Die Seite ist valides Hmtl4, an unvalidität liegts also nicht. __________________ Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the universe trying to build bigger and better idiots. So far, the universe is winning.

04.09.2005, 16:09	Nach oben #3
Ben Benjamin Klaile Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.512	<center> @buhmann: Was genau willst du denn eigentlich machen? Wenn du die "Seite zentrieren" willst, dann teste mal das hier Code: body { text-align:center; } #centered { margin:0 auto; height:300px; border:1px dotted #000; } in Verbindung mit folgendem HTML-Konstrukt Code: ... <body> <div id="centered"> Die Seite ist zentriert. </div> </body> Ansonsten .. mal etwas näher beschreiben bitte und eventuell auch mal ein Codebeispiel hinzufügen. Danke. Grüße Ben. __________________ Mehr TuS Koblenz geht nicht ... - TuS Koblenz Forum Aktuell ... Kaiserslautern kommt in die Festung Oberwerth U14 erreicht Sieg im Testspiel gegen SF Troisdorf Testspiel gegen SV Wehen-Wiesbaden in Nassau E-Jugend Blitzturnier auf dem Oberwerth SV Ried gegen SK Rapid Wien

04.09.2005, 16:13	Nach oben #4
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 115	<center> nein, es geht darum eine tabelle zu zentrieren. @Chr!s jo das geht bei mir ohne probleme (also im ff) naja ich schau ma ob ichs net doch anders lösen kann.. __________________ Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the universe trying to build bigger and better idiots. So far, the universe is winning.

05.09.2005, 12:29	Nach oben #7
JEGO Neuer Benutzer Registriert seit: 22.08.2005 Beiträge: 18	<center> wenn ich das richtig verstanden habe willst du eine Tabelle zentrieren. also so: Code: <table width="80%" border="0" align="center"> oder willst du nur Inhalt zentrieren? __________________ greets JEGO http://www.single-sofa.com

05.09.2005, 13:19	Nach oben #9
pichfl CSS-Spinner Registriert seit: 27.08.2005 Ort: Kissing Beiträge: 46	<center> das letzte beispiel zieht mir die schuhe aus. warum nicht konsequent? einmal ne class definieren fürs text-align Code: .center{text-align:center;} und eine für die tabelle ne ID: Code: #tabelle{margin:0 auto;} dann der tabelle sowohl die class als auch die id geben Code: <table id="tabelle" class="center"> und für die zu zentrierenden elemente IN der Tabelle einfach nur noch die class anwenden, dafür braucht man keinen neuen div, es geht einfach, wenn man das td-element mit der class ausstattet. nur so nebenbei: text-align wurde von der W3C so definiert, dass es INLINE-elemente zentriert, nix anderes. einzig der IE kann jedes Element mit Text-align zentrieren. (manchmal siind aber blockelemente in anderen blockelementen auch wieder inline-elemente, irgendwie ist das ganze seh unübersichtlich, da wirfts auch manchen profi noch durcheinander) margin:0 auto; ist die einzige lösung, die auch nach regeln der w3c funktioniert (für block-elemente), man kann aber per css mit der display-eigenschaft jedes block in ein inline-element und umgekehrt umwandeln, mit allen vor und nachteilen, hab ich zum zentrieren nie ausprobiert, könnte aber mal ein neuer ansatz sein.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche