Supportnet / Forum / Webseiten/HTML
Table (o.ä.) nicht zentriert
Frage
Das leidige Problem von einem Freund und dessen Homepage... er hat jetzt alles neu aufgebaut aber irgendwie bekommt er die Table (so sagt er) nicht zentriert... Ich hoffe hier hat jemand Ahnung davon und kann sagen woran es liegt, bzw. wie man es richtig einstellt. Die Seite ist nicht online, daher poste ich den Quellcode & einen Screenshot:
Quellcode:
<title>Trink & Spaß Gemeinschaft</title>
<style>
<!--
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding : 0px;
background-image: url(image/bg.jpg);
background-repeat: repeat-x;
}
-->
</style>
<!-- CONTENT & NAVIGATION -->
<table celpadding="0" align="left" border="0" cellpadding="0" cellspacing="0" width="782">
<tbody><tr valign="top">
<td></td>
<td><div align="center"><img src="index-Dateien/symbole.png" alt="t" border="0" height="165" width="220"></a></div></td>
</tr>
<tr valign="top">
<td width="500"><table celpadding="0" align="left" border="0" cellspacing="0" height="0">
<tbody><tr valign="top">
<td align="left" valign="middle" width="234">
</td>
</tr>
<tr valign="top">
</tr>
</tbody></table></td>
<td width="500"><table align="left" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="3"><img src="index-Dateien/top.png" alt="u" height="11" width="448"></td>
</tr>
<tr>
<td><img src="index-Dateien/left.png" alt="w" height="486" width="8"></td>
<td background="index-Dateien/content_bg.gif"><table background="index-Dateien/content_bg.gif" border="0" cellpadding="0" cellspacing="0" width="430">
<tbody><tr>
<td><table id="Tabelle_01" border="0" cellpadding="0" cellspacing="0" height="45" width="430">
<tbody><tr>
<td><object height="45" width="430">
<param name="quality" value="high">
<img src="index-Dateien/menu.bmp" height="45" width="430">
</object></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td><iframe name="content" style="background-color: transparent;" allowtransparency="true" src="index-Dateien/news.htm" frameborder="0" height="440" scrolling="auto" width="430"></iframe></td>
</tr>
</tbody></table></td>
<td><img src="index-Dateien/right.png" alt="e" height="486" width="10"></td>
</tr>
<tr>
<td colspan="3"><img src="index-Dateien/bottom.png" border="0" height="110" width="448"></td>
</tr>
</tbody></table></td>
</tr>
<tr valign="top"></tr>
</tbody></table>
<!-- CONTENT & NAVIGATION END -->
</body></html>
Screenshot:
[URL=http://img58.imageshack.us/my.php?image=tsgxe8.png][IMG]http://img58.imageshack.us/img58/5356/tsgxe8.th.png[/IMG][/URL]
(schwer zu erkennen aber der Rechte Abstand zur "Box" ist kleiner als der linke)
Antwort 1 von ZerroX
[img=http://img58.imageshack.us/img58/5356/tsgxe8.th.png]
Hier nochmal der Link, da das Bild im obigen Beitrag ja nicht angezeigt wird^^
Hier nochmal der Link, da das Bild im obigen Beitrag ja nicht angezeigt wird^^
Antwort 2 von Petra65
evtl. gucke ich ja falsch - aber im Code sehe ich immer
<table align="left">
probier es mal mit <table align="center">
<table align="left">
probier es mal mit <table align="center">
Antwort 3 von rfb
Ist das der ganze Seitenquellcode?
Schon der bescheidene Ausschnitt ist nicht fehlerfrei. Falls es - wie ich befürchte - alles ist, dann ist der Quellcode katastrophal fehlerhaft. Was die Browser aus sowas machen lässt sich nie vorhersagen.
Schon der bescheidene Ausschnitt ist nicht fehlerfrei. Falls es - wie ich befürchte - alles ist, dann ist der Quellcode katastrophal fehlerhaft. Was die Browser aus sowas machen lässt sich nie vorhersagen.
Antwort 4 von derpfleger
Also, ähm, tja...
Was soll da denn eigentlich zentriert sein?
Im wesentlichen besteht die Seite aus folgendem:
1. einer umschliessenden Tabelle mit 782 Pixeln Breite, die am linken Bildschirmrand ausgerichtet ist.
2. die umschliessende Tabelle enthält eine obere Zeile mit inhaltsleerer linker Spalte und einer rechten Spalte, die ein 220px breites img zentriert enthält.
3. die zweite Zeile enthält zwei Spalten, die jeweils 500px breit sein sollen. Wie sollen die denn in die umschliessende Tabelle mit Gesamtbreite von nur 782 px passen???.
4.Die linke der beiden Spalten ist zudem noch inhaltsleer.
5. Die rechte der beiden 550px breiten Spalten enthält wiederum eine Tabelle:
...mit einer oberen Zeile, die ein 448px breites Bild enthalten soll.
...mit einer mittleren Zeile, die wiederum in drei Spalten aufgeteilt ist,
usw...usw....(...keine Lust mehr)
Tatsache bleibt, daß diese Tabelle zum einen mit falschen Breitenangaben gar nicht richtig dargestellt werden kann. Und selbst wenn die Gesamtbreite der umschliessenden Tabelle auf 1000px angehoben oder die Gesamtbreite der Haupt-Spalten der Gesamtbreite der umschliessenden Tabelle angepasst wird, so lässt sich das Konstrukt nicht sauber auf dem Bildschirm zentrieren, denn es bleibt die Tatsache, daß der Inhalt lediglich in der rechten der beiden Hauptspalten dargeboten wird.
Tabellenlayout sollte auf dem Papier angefangen werden. Wer es nicht schafft, sein Konstrukt auch mit dem Stift nachzuzeichnen, der hat einfach mal verloren.
Ein Tip: gib mal überall, wo border="0" steht eine Breitenangabe ein, dann siehst du sehr schnell, wo das Problem liegt.
Mein Tip: nochmal ganz von vorne anfangen, so wie das Ganze sich hier darstellt, lässt sich da nix retten.
Sorry.
Gruß derpfleger
Was soll da denn eigentlich zentriert sein?
Im wesentlichen besteht die Seite aus folgendem:
1. einer umschliessenden Tabelle mit 782 Pixeln Breite, die am linken Bildschirmrand ausgerichtet ist.
2. die umschliessende Tabelle enthält eine obere Zeile mit inhaltsleerer linker Spalte und einer rechten Spalte, die ein 220px breites img zentriert enthält.
3. die zweite Zeile enthält zwei Spalten, die jeweils 500px breit sein sollen. Wie sollen die denn in die umschliessende Tabelle mit Gesamtbreite von nur 782 px passen???.
4.Die linke der beiden Spalten ist zudem noch inhaltsleer.
5. Die rechte der beiden 550px breiten Spalten enthält wiederum eine Tabelle:
...mit einer oberen Zeile, die ein 448px breites Bild enthalten soll.
...mit einer mittleren Zeile, die wiederum in drei Spalten aufgeteilt ist,
usw...usw....(...keine Lust mehr)
Tatsache bleibt, daß diese Tabelle zum einen mit falschen Breitenangaben gar nicht richtig dargestellt werden kann. Und selbst wenn die Gesamtbreite der umschliessenden Tabelle auf 1000px angehoben oder die Gesamtbreite der Haupt-Spalten der Gesamtbreite der umschliessenden Tabelle angepasst wird, so lässt sich das Konstrukt nicht sauber auf dem Bildschirm zentrieren, denn es bleibt die Tatsache, daß der Inhalt lediglich in der rechten der beiden Hauptspalten dargeboten wird.
Tabellenlayout sollte auf dem Papier angefangen werden. Wer es nicht schafft, sein Konstrukt auch mit dem Stift nachzuzeichnen, der hat einfach mal verloren.
Ein Tip: gib mal überall, wo border="0" steht eine Breitenangabe ein, dann siehst du sehr schnell, wo das Problem liegt.
Mein Tip: nochmal ganz von vorne anfangen, so wie das Ganze sich hier darstellt, lässt sich da nix retten.
Sorry.
Gruß derpfleger
Antwort 5 von derpfleger
Korrektur:
5. Die rechte der beiden 500px breiten Spalten enthält wiederum
5. Die rechte der beiden 500px breiten Spalten enthält wiederum
Antwort 6 von DonMartin
hoi,
mal ne Frage, mit welchen HTML Editor macht du die seite??
Ach ja, Wenn due der tabelle schon ne Größe vorgibst, dann geb doch den zwei spallten die jetzt jeweils 500px tragen einfach den wert 100% an. Das Bild in der Mitte gibt dann automatisch die richtige größe vor für die zellen rechts und links davon. :)
noch was: http://www.selfhtml.de/tutorial/html-css.php
bye,
Andi
mal ne Frage, mit welchen HTML Editor macht du die seite??
Ach ja, Wenn due der tabelle schon ne Größe vorgibst, dann geb doch den zwei spallten die jetzt jeweils 500px tragen einfach den wert 100% an. Das Bild in der Mitte gibt dann automatisch die richtige größe vor für die zellen rechts und links davon. :)
noch was: http://www.selfhtml.de/tutorial/html-css.php
bye,
Andi
Antwort 7 von derpfleger
Wenn ich mir die Schreibfehler so ansehe (celpadding statt cellpadding), und dann noch die logischen Fehler (wozu tbody ohne thead und tfoot?) denke ich eher, daß der Code von Hand geschrieben wurde.
Ein "Bild in der Mitte" kann ich in diesem Code nicht ausmachen.
Bleibt dabei: Nochmal ganz neu schreiben, oder zumindest mal online stellen und damit den ganzen Code mit Bildern zur Verfügung stellen, dann kann man sich zumindest vorstellen, wie es aussehen könnte...
Gruß derpfleger
Ein "Bild in der Mitte" kann ich in diesem Code nicht ausmachen.
Bleibt dabei: Nochmal ganz neu schreiben, oder zumindest mal online stellen und damit den ganzen Code mit Bildern zur Verfügung stellen, dann kann man sich zumindest vorstellen, wie es aussehen könnte...
Gruß derpfleger
Antwort 8 von ZerroX
Das Problem ist ja vorallem, dass ich nicht ersteller dieser Seite bin, wie schon anfangs genannt ist das die seite eines freunden, der momentan kein internet hat, deswegen soll ich ihm helfen zu dem "left" sagt er folgendes: wenn er "center" eingibt wird die auch nicht zenitriert, sondern steht noch weiter rechts, deswegen left^^
Antwort 9 von derpfleger
Das Problem liegt wie gesagt daran, daß er eine Tabelle gebaut hat, die grob gesagt in zwei Spalten eingeteilt ist. Die ganze Tabelle ist am linken Bildschirmrand ausgerichtet, die linke Spalte nimmt ca 1/3 der Gesamtbreite ein, die rechte Spalte ca 2/3. Der Inhalt der Webseite wird in die rechte Spalte gepackt.
Wahrscheinlich hat sich dein Freund an seinem 15-Zoll-Monitor hingesetzt und mit der Tabellenbreite so lange rumgespielt, bis seine Inhalte nahezu mittig dargestellt werden (an seinem Bildschirm). Nur leider wird das so an keinem anderen Rechner mehr funktionieren.
Mit align="left" erscheint alles (bei mir am Bildschirm) etwas zu weit links, wenn align="center" angegeben wird erscheint alles etwas zu weit rechts.
Wenn er eine Webseite basteln will, die tatsächlich zentriert ist, dann kann er das entweder mit divs und CSS lösen (s. zB hier: https://supportnet.de/faqsthread/897 ) oder analog dazu eine Tabelle zentriert aufbauen. Dazu sollte er aber trotzdem am Besten alles nochmal strukturiert von vorne anfangen.
Hierzu bieten sich diese Kapitel an: http://de.selfhtml.org/html/tabellen/index.htm
Viel Erfolg und Gruß
derpfleger
Wahrscheinlich hat sich dein Freund an seinem 15-Zoll-Monitor hingesetzt und mit der Tabellenbreite so lange rumgespielt, bis seine Inhalte nahezu mittig dargestellt werden (an seinem Bildschirm). Nur leider wird das so an keinem anderen Rechner mehr funktionieren.
Mit align="left" erscheint alles (bei mir am Bildschirm) etwas zu weit links, wenn align="center" angegeben wird erscheint alles etwas zu weit rechts.
Wenn er eine Webseite basteln will, die tatsächlich zentriert ist, dann kann er das entweder mit divs und CSS lösen (s. zB hier: https://supportnet.de/faqsthread/897 ) oder analog dazu eine Tabelle zentriert aufbauen. Dazu sollte er aber trotzdem am Besten alles nochmal strukturiert von vorne anfangen.
Hierzu bieten sich diese Kapitel an: http://de.selfhtml.org/html/tabellen/index.htm
Viel Erfolg und Gruß
derpfleger
Antwort 10 von ZerroX
Er sagt er bekommt es net hin... er weiß einfach net wo er die tabellen eingeteilt hat.... also muss er wohl oder übel alles löschen... falls jemand lust & zeit hat mal drüber zu gucken bzw die tabelle etc. richtig anzuordnen: ich hab mal alle dateien zusammengepackt und in einer rar datei hochgeladen... wäre sehr dankbar wenn es jemand machen würde, dann liegt mir die nervensäge nämlich nicht mehr im rücken.... hier mal der link: http://www.kram-hochladen.de/download.php?id=MTgyNTA=
Antwort 11 von ZerroX
und falls es jemand macht, dateien bitte hochladen oder per e-mail senden an admin@darfmon.net...
ich weiß, dat is viel verlangt, aber ihr hötrt nicht dieses GESCHREI
(bin kurz davor den jung nach hause zu schicken)
ich weiß, dat is viel verlangt, aber ihr hötrt nicht dieses GESCHREI
(bin kurz davor den jung nach hause zu schicken)
Antwort 12 von Ralfman
Du hast Post...
Ralf
Ralf
Antwort 13 von ZerroX
Danke für die Mühe, aber:
1. bekomm ich selbst das mit dem hintergrund nicht hin
&
2. hast du die grafiken lediglich miteinander verbunden, jedoch ist im original mitgesendeten index die Grfik in dieser box mit einer news.htm verbunden, sodass man etwas reinschreiben kann...
1. bekomm ich selbst das mit dem hintergrund nicht hin
&
2. hast du die grafiken lediglich miteinander verbunden, jedoch ist im original mitgesendeten index die Grfik in dieser box mit einer news.htm verbunden, sodass man etwas reinschreiben kann...
Antwort 14 von Ralfman
Du hast noch mal Post.
Ralf
Ralf
Antwort 15 von ZerroX
hmm... schon eher... kann es aber sein das du die box nur mit einer hintergrundfarbe statt der content_bg ausgestattet hast?
und die news htm scheint auch nicht verbunden...
und die news htm scheint auch nicht verbunden...