[Erledigt] Es ist nicht mittig

Ryuuzaki93 · 18.12.2009, 16:22

Hi,

also ich hab diesmal wieder folgendes Problem:
Ich hab ne Seite, die ist in einer Tabelle aufgeteilt, Links sind die Boxen, rechts der Inhalt. Der Inhalt hat allerdings eine komische Position, das ist kein Mittig, aber auch kein rechtsbündig...

Hier ist mal der fertige Quellcod wies ausgegeben wird:

PHP-Code:

  <html>

<head>

<title></title>

<STYLE>

A

{

text-decoration: none;

color: #FFA500;

font-weight: bold;

}

A:Hover

{

text-decoration: underline;

color: #FFA500;

font-weight: bold;

}

</STYLE>

</head>

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">

<div style="font-size:14px;">

<table width="100%" cellspacing="0" cellpadding="0" background="images/bg.jpg">

<tr>

<td>

<center><img src="images/title.png" height="220px"></center>

</td>

</tr>

<td height="16" background="images/balken.png">

</td>

</tr>

</table><center>

<font face="Calibri">

 
<table background="images/bg_body.jpg" width="100%">

<tr>

<td style='vertical-align:top'>

<blockquote>

<br>

<p>

<table background="images/textur.jpg" cellpadding="0" cellspacing="0" vspace="0" border="0">

<tr>

<td><img src="images/login_1.png"></td>

<td background="images/login_b1.png"></td>

<td><img src="images/login_2.png"></td>

</tr>

<tr>

<td background="images/login_b4.png""></td>

<td>

 
Die Loginbox

 
</td>

<td background="images/login_b2.png"></td></tr>

<tr>

<td><img src="images/login_4.png"></td>

<td background="images/login_b3.png" ></td>

<td><img src="images/login_3.png"></td>

</tr>

 
</table></p>

 
 
<p>

<table background="images/textur.jpg" cellpadding="0" cellspacing="0" vspace="0" border="0">

<tr>

<td><img src="images/login_1.png"></td>

<td background="images/login_b1.png"></td>

<td><img src="images/login_2.png"></td>

</tr>

<tr>

<td background="images/login_b4.png""></td>

<td>

 
Ein paar Statistiken

 
</td>

<td background="images/login_b2.png"></td></tr>

<tr>

<td><img src="images/login_4.png"></td>

<td background="images/login_b3.png" ></td>

<td><img src="images/login_3.png"></td>

</tr>

</table></p>

</blockquote>

 
</td>

<td style='vertical-align:top'>

 
DER TEIL MIT DER BLÖDEN FORMATION

 
<br>

<h1>Du hast die Wahl!</h1><br>

<p align="center">

<table width="220px" border="0">

 
<tr>

<td>

<img src="images/leer.png"><br>

<h4>Shinigami</h4>

</td>

<td>

<img src="images/leer.png">

<h4>Hollow</h4>

</td>

</tr>

</table>

 
DAS WAR DER TEIL

 
</p>

</td>

</tr>

</table>

</font>

</center>

</div>

</body>

</html>

Hab mal ein Screen im Anhang, das sollte halt alles mittig angezeigt werden. Hab auch schon probiert die bilde rund den Text in keine Tabellle zu packen, die sind trotzdem an der blöden Position...
Ich hoffe Ihr könnt mir helfen.

MfG Ryu

Dark Guardian · 18.12.2009, 16:32

Bring da bitte erstmal Ordnung rein...

So liest sich das keiner durch.

1. Valides HTML draus machen --> Validation Results - W3C Markup Validator
2. Code einrücken.

Laut dem Validator hast du 27 Fehler, beachtlich in dem kleinem Stückchen Code.

Asipak · 18.12.2009, 18:14

Zitat:

Es ist nicht mittig

Ähh... Schade?!?

Bitte aussagekräftige Threadtitel verwenden! (Bitte aussagekräftige Threadtitel verwenden)

nikosch · 19.12.2009, 13:46

Sorry, aber unformatierten Tabellendesign-Code guckt sich sicher kaum jemand an.

Ryuuzaki93 · 26.12.2009, 10:25

Ah, ok habs selbst geklärt.

Und zum Validator: Der zeigt sämtlichen Mist an. Z.B. Attribute "VSPACE" is not a valid attribute. Did you mean "vspace"?
WTF, is doch das selbe!
Hab ein teil der Angzeigten Probleme die in HTML waren über CSS gelöst. Der sagt mir manchmal auch, das ich einen Tag geschlossen hab, der gar nicht offen war, was aber auch nicht stimmt.

Dark Guardian · 26.12.2009, 18:21

Zitat:

Zitat von Ryuuzaki93

WTF, is doch das selbe!

Ist es nicht. XHTML erbt seinen Syntax von XML wo klar festgelegt ist das alle Attribute vollständig klein geschrieben werden.

Zitat:

Zitat von Ryuuzaki93

Hab ein teil der Angzeigten Probleme die in HTML waren über CSS gelöst. Der sagt mir manchmal auch, das ich einen Tag geschlossen hab, der gar nicht offen war, was aber auch nicht stimmt.

Das sind meistens Folgeprobleme einer fehlerhaften Dokumentstruktur:

Code:

<html>
<head>
</head>
<body>
  <table>
  <tr><td>
   </tr>
   <tr></td><--- hier die Fehlermeldung

   <td>
  ........
  </head>
</body>
</html>

In chaotischem Spaghetticode kann man solche Fehler mit vielen tr und td Tags shconmal übersehen.

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
Iframe-Inhalt mittig	scheffie	HTML, Usability und Barrierefreiheit	2	25.06.2009 18:05
[Erledigt] Box Mittig, Rest disablen	HStev	JavaScript, Ajax und mehr	19	20.10.2008 13:01
HAllo an Allle	ronpepa	HTML, Usability und Barrierefreiheit	11	10.10.2008 15:11
Mittig schreiben	Alienuser	PHP Tipps 2006	3	22.02.2006 12:40
Div Inhalt Vertical mittig??	HStev	HTML, Usability und Barrierefreiheit	7	07.02.2006 20:33
Linktext horizontal mittig... vertical-align ohne effekt	HStev	HTML, Usability und Barrierefreiheit	2	12.01.2006 09:35
Checkboxen in der Zeile mittig machen (vertikal)		HTML, Usability und Barrierefreiheit	4	13.12.2005 12:02
[Erledigt] [(X)HTML] Page Mittig		HTML, Usability und Barrierefreiheit	7	05.12.2005 14:00
design mittig halten	Niedi	HTML, Usability und Barrierefreiheit	10	28.08.2005 15:50
css ie-problem	Buhmann	HTML, Usability und Barrierefreiheit	7	27.02.2005 09:54
CSS: unten mittig		HTML, Usability und Barrierefreiheit	4	06.10.2004 16:06
Text in Tabelle wird nicht vertikal mittig dargestellt		HTML, Usability und Barrierefreiheit	1	06.10.2004 14:24
Mittig stellen und Link einfügen		HTML, Usability und Barrierefreiheit	3	31.08.2004 18:05
Rubrikentitel mittig		PHP Tipps 2004	9	16.07.2004 07:49

18.12.2009, 16:22
Ryuuzaki93 Erfahrener Benutzer Registriert seit: 11.12.2009 Beiträge: 117 PHP-Kenntnisse: Fortgeschritten	[Erledigt] Es ist nicht mittig Hi, also ich hab diesmal wieder folgendes Problem: Ich hab ne Seite, die ist in einer Tabelle aufgeteilt, Links sind die Boxen, rechts der Inhalt. Der Inhalt hat allerdings eine komische Position, das ist kein Mittig, aber auch kein rechtsbündig... Hier ist mal der fertige Quellcod wies ausgegeben wird: PHP-Code: <html> <head> <title></title> <STYLE> A { text-decoration: none; color: #FFA500; font-weight: bold; } A:Hover { text-decoration: underline; color: #FFA500; font-weight: bold; } </STYLE> </head> <body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"> <div style="font-size:14px;"> <table width="100%" cellspacing="0" cellpadding="0" background="images/bg.jpg"> <tr> <td> <center><img src="images/title.png" height="220px"></center> </td> </tr> <td height="16" background="images/balken.png"> </td> </tr> </table><center> <font face="Calibri"> <table background="images/bg_body.jpg" width="100%"> <tr> <td style='vertical-align:top'> <blockquote> <br> <p> <table background="images/textur.jpg" cellpadding="0" cellspacing="0" vspace="0" border="0"> <tr> <td><img src="images/login_1.png"></td> <td background="images/login_b1.png"></td> <td><img src="images/login_2.png"></td> </tr> <tr> <td background="images/login_b4.png""></td> <td> Die Loginbox </td> <td background="images/login_b2.png"></td></tr> <tr> <td><img src="images/login_4.png"></td> <td background="images/login_b3.png" ></td> <td><img src="images/login_3.png"></td> </tr> </table></p> <p> <table background="images/textur.jpg" cellpadding="0" cellspacing="0" vspace="0" border="0"> <tr> <td><img src="images/login_1.png"></td> <td background="images/login_b1.png"></td> <td><img src="images/login_2.png"></td> </tr> <tr> <td background="images/login_b4.png""></td> <td> Ein paar Statistiken </td> <td background="images/login_b2.png"></td></tr> <tr> <td><img src="images/login_4.png"></td> <td background="images/login_b3.png" ></td> <td><img src="images/login_3.png"></td> </tr> </table></p> </blockquote> </td> <td style='vertical-align:top'> DER TEIL MIT DER BLÖDEN FORMATION <br> <h1>Du hast die Wahl!</h1><br> <p align="center"> <table width="220px" border="0"> <tr> <td> <img src="images/leer.png"><br> <h4>Shinigami</h4> </td> <td> <img src="images/leer.png"> <h4>Hollow</h4> </td> </tr> </table> DAS WAR DER TEIL </p> </td> </tr> </table> </font> </center> </div> </body> </html> Hab mal ein Screen im Anhang, das sollte halt alles mittig angezeigt werden. Hab auch schon probiert die bilde rund den Text in keine Tabellle zu packen, die sind trotzdem an der blöden Position... Ich hoffe Ihr könnt mir helfen. MfG Ryu Miniaturansicht angehängter Grafiken


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

18.12.2009, 16:32
Dark Guardian Erfahrener Benutzer Registriert seit: 10.10.2009 Beiträge: 2.630 PHP-Kenntnisse: Fortgeschritten	Bring da bitte erstmal Ordnung rein... So liest sich das keiner durch. 1. Valides HTML draus machen --> Validation Results - W3C Markup Validator 2. Code einrücken. Laut dem Validator hast du 27 Fehler, beachtlich in dem kleinem Stückchen Code. __________________ "Alles im Universum funktioniert, wenn du nur weißt wie du es anwenden musst".

19.12.2009, 13:46
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Sorry, aber unformatierten Tabellendesign-Code guckt sich sicher kaum jemand an. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

26.12.2009, 10:25
Ryuuzaki93 Erfahrener Benutzer Registriert seit: 11.12.2009 Beiträge: 117 PHP-Kenntnisse: Fortgeschritten	Ah, ok habs selbst geklärt. Und zum Validator: Der zeigt sämtlichen Mist an. Z.B. Attribute "VSPACE" is not a valid attribute. Did you mean "vspace"? WTF, is doch das selbe! Hab ein teil der Angzeigten Probleme die in HTML waren über CSS gelöst. Der sagt mir manchmal auch, das ich einen Tag geschlossen hab, der gar nicht offen war, was aber auch nicht stimmt.