nicht angemeldet
Tabelle: Spalten werden verzerrt
Hoi!
Ich habe ein Problem mit der darstellung einer Tabelle. Ich habe eine Tabelle in der eine Spalte das Style Attribut "height" auf einen bestimmten Wert gesetzt bekommt. Wenn jedoch eine weitere Spalte, die jedoch Rowspan 3 hat, eine bestimmte größe erreicht, dehnt sich die Spalte mit definierter Höhe doch wieder aus. Hier der Quelltext meiner Seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
</title>
</head>
<body style="background-image:url(Haupthintergrund.jpg)">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="width:1000px;vertical-align:top;">
<thead>
<tr>
<th colspan="3" style="height:100px;background-image:url(TitelBild.jpg);">
</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="3" style="background-image:url(FussBild.jpg);height:49px;text-align:center;vertical-align:top;">
</td>
</tr>
</tfoot>
<tbody>
<tr>
<td style="background-image:url(LeistenHintergrund.jpg);vertical-align:top;">
<div style="background-image:url(BildObenLinks.jpg);width:150px;height:150px;"> </div>
</td>
<td rowspan="3" style="vertical-align:top;width:700px;overflow:hidden;">
<!-- Der Page Main Teil kommt hier rein -->
</td>
<td style="background-image:url(LeistenHintergrund.jpg);vertical-align:top;">
<div style="background-image:url(BildRechtsOben.jpg);width:150px;height:150px;"> </div>
</td>
</tr>
<tr>
<td style="background-image:url(LeistenHintergrund.jpg);width:150px;vertical-align:top;">
<!-- Die Linke Leiste gehört hier hin -->
</td>
<td style="background-image:url(LeistenHintergrund.jpg);width:150px;vertical-align:top;">
<!-- Die Rechte Leiste gehört hier hin -->
</td>
</tr>
<tr>
<td style="background-image:url(LeistenHintergrund.jpg);vertical-align:bottom;">
<div style="background-image:url(BildLinksUnten.jpg);width:150px;height:150px;"> </div>
</td>
<td style="background-image:url(LeistenHintergrund.jpg);vertical-align:bottom;">
<div style="background-image:url(BildRechtsUnten.jpg);width:150px;height:150px;"> </div>
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Ich kann es mir einfach nicht erklären. Wäre um einen Tipp sehr erfreut!
Gruesse
Daniel
-
Hi, Daniel
Ich habe eine Tabelle in der eine Spalte das Style Attribut "height" auf einen bestimmten Wert gesetzt bekommt. Wenn jedoch eine weitere Spalte, die jedoch Rowspan 3 hat, eine bestimmte größe erreicht, dehnt sich die Spalte mit definierter Höhe doch wieder aus.
Muss sie auch, sonst fällt ja deine Tabelle auseinander. Du kannst höchstens noch eine weitere Zelle einfügen, die sich der Größe anpasst.
Hier der Quelltext meiner Seite:
Pfff, warum definierst du nicht eine Klasse? Du wiederholst dauernd die selben Definitionen. Lies dir mal http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen durch, das spart eine Menge Quelltext.
Und wenn du schon dabei bist, mit CSS hättest du das genannte Problem nicht. Tabellen haben ihre Berechtigung, sind jedoch nicht dazu da, eine ganze Seite in Zellen zu sperren -> http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm Glaube mir, das macht alles gleich viel einfacher ;)
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html-
Hi, Daniel
Hoi!
Ich habe eine Tabelle in der eine Spalte das Style Attribut "height" auf einen bestimmten Wert gesetzt bekommt. Wenn jedoch eine weitere Spalte, die jedoch Rowspan 3 hat, eine bestimmte größe erreicht, dehnt sich die Spalte mit definierter Höhe doch wieder aus.
Muss sie auch, sonst fällt ja deine Tabelle auseinander. Du kannst höchstens noch eine weitere Zelle einfügen, die sich der Größe anpasst.
Kann ja nicht erwarten, dass sich jeder meinen Quelltext genauer unter die Lupe nimmt, aber wenn du das gemacht hättest, hättest du feststellen können, dass ich eine Spalte habe, die für das "Puffern" zuständig ist (bzw sein sollte).
Hier der Quelltext meiner Seite:
Pfff, warum definierst du nicht eine Klasse? Du wiederholst dauernd die selben Definitionen. Lies dir mal http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen durch, das spart eine Menge Quelltext.
Kenne ich, danke (ich habe selfHTML zum größten Teil gelesen).
Ehrlich gesagt habe ich keine Ahnung warum ich die nicht defniert habe. Ich glaube aber, dass es daran liegt, dass ich dann zuviel im Quelltext springen müsste und so kann ich einfach mal schnell an Ort und Stelle etwas ändern ("In Action" ist die Seite in ca 5 Dateien verteilt).Und wenn du schon dabei bist, mit CSS hättest du das genannte Problem nicht. Tabellen haben ihre Berechtigung, sind jedoch nicht dazu da, eine ganze Seite in Zellen zu sperren -> http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm Glaube mir, das macht alles gleich viel einfacher ;)
Kenn ich auch. Ist aber nicht unbedingt einfacher.
Hier ist mal der Link zu der eigentlich noch nicht releasten Homepage, aus der der Quelltext stammt: http://ip-web.hn.org/nuketest/html/
Das Problem ist, dass die oberen Spalten (in denen die Efeublätter nach unten hängen) bei großem Zentralen Inhalt) größer werden, obwohl sie eigentlich eine feste Höhe zugewisen bekommen haben.Ich weiß, dass ich hier ziehmlich "niveaulos" meine frage gestellt habe, aber ich fummel nun schon seit 3 Tagen an der kompatibilität der Seite zu Opera, Netscape und MSIE rum und dachte schon ich hätte es geschafft, als mir aufgefallen ist, dass die Spalten sich bei großem Inhalt verziehen (zb auf der Seite FAQ/Projekt).
Ich bedanke mich schonmal für die Mühe, die du dir bereits gemacht hast.LG Orlando
Gruesse
Daniel
-
Hi, nochmals
Kann ja nicht erwarten, dass sich jeder meinen Quelltext genauer unter die Lupe nimmt, aber wenn du das gemacht hättest, hättest du feststellen können, dass ich eine Spalte habe, die für das "Puffern" zuständig ist (bzw sein sollte).
Ich bin CMS-Quelltext nicht gewöhnt und verkrampfe bei Tabellenlayouts, aber du hast Recht. ;)
Pfff, warum definierst du nicht eine Klasse?
Ehrlich gesagt habe ich keine Ahnung warum ich die nicht defniert habe. Ich glaube aber, dass es daran liegt, dass ich dann zuviel im Quelltext springen müsste und so kann ich einfach mal schnell an Ort und Stelle etwas ändern ("In Action" ist die Seite in ca 5 Dateien verteilt).
Das lasse ich bei Betriebssystemen, die zwei Fenster gleichzeitig offen haben können, nicht so ganz gelten. Allerdings würde ich tatsächlich Klassen definieren und auch wirklich _alle_ Angaben hineinpacken: Höhe, Breite, Innen-/Außenabstand usw. Die Seite (FAQ/Projekt) sieht in allen Browsern anders aus, mit konsequenten CSS könntest du ihnen das eventuell austreiben.
Das Problem ist, dass die oberen Spalten (in denen die Efeublätter nach unten hängen) bei großem Zentralen Inhalt) größer werden, obwohl sie eigentlich eine feste Höhe zugewisen bekommen haben.
Nimm padding:0px noch dazu. Könnte sein, dass das hilft, weil sich speziell in diesem Punkt die Browser meist uneinig sind.
Ich weiß, dass ich hier ziehmlich "niveaulos" meine frage gestellt habe, aber ich fummel nun schon seit 3 Tagen an der kompatibilität der Seite zu Opera, Netscape und MSIE rum
Kompliment zu diesem Punkt. Meine Anmerkungen waren nicht zu harsch - denke ich. Wenn's so rübergekommen ist, tut's mir leid.
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html-
Hi, nochmals
Kann ja nicht erwarten, dass sich jeder meinen Quelltext genauer unter die Lupe nimmt, aber wenn du das gemacht hättest, hättest du feststellen können, dass ich eine Spalte habe, die für das "Puffern" zuständig ist (bzw sein sollte).
Ich bin CMS-Quelltext nicht gewöhnt und verkrampfe bei Tabellenlayouts, aber du hast Recht. ;)
Was ist CMS?
Pfff, warum definierst du nicht eine Klasse?
Ehrlich gesagt habe ich keine Ahnung warum ich die nicht defniert habe. Ich glaube aber, dass es daran liegt, dass ich dann zuviel im Quelltext springen müsste und so kann ich einfach mal schnell an Ort und Stelle etwas ändern ("In Action" ist die Seite in ca 5 Dateien verteilt).
Das lasse ich bei Betriebssystemen, die zwei Fenster gleichzeitig offen haben können, nicht so ganz gelten. Allerdings würde ich tatsächlich Klassen definieren und auch wirklich _alle_ Angaben hineinpacken: Höhe, Breite, Innen-/Außenabstand usw. Die Seite (FAQ/Projekt) sieht in allen Browsern anders aus, mit konsequenten CSS könntest du ihnen das eventuell austreiben.
Da hast du auch wieder Recht :)
Ich habe mir meine Quelltext nochmal angeschaut und sehe aber bei so einigen Style angaben keinen Sinn darin dafür eine eigene Klasse zu definieren (da sie sowieso nur einmal genutzt würde), oder gibt es in CSS die Möglichkeit der Vererbung, so dass eine Klasse von der anderen erben kann (warscheinlich nicht)?Das Problem ist, dass die oberen Spalten (in denen die Efeublätter nach unten hängen) bei großem Zentralen Inhalt) größer werden, obwohl sie eigentlich eine feste Höhe zugewisen bekommen haben.
Nimm padding:0px noch dazu. Könnte sein, dass das hilft, weil sich speziell in diesem Punkt die Browser meist uneinig sind.
Leider hat das nichts geholfen... ich dachte, ich probiere mal TABLE_LAYOUT: fixed; doch das hat die gesamte Tabelle zerissen (obwohl ich alle nötigen Breiten und Höhenangaben gemacht habe).
Ich weiß, dass ich hier ziehmlich "niveaulos" meine frage gestellt habe, aber ich fummel nun schon seit 3 Tagen an der kompatibilität der Seite zu Opera, Netscape und MSIE rum
Kompliment zu diesem Punkt. Meine Anmerkungen waren nicht zu harsch - denke ich. Wenn's so rübergekommen ist, tut's mir leid.
Wollte ich damit auch garnicht sagen, nur sagen, dass ich ziehmlich Plumb (Mein Problem, mein Quelltext, wo ist eure Lösung?) gefragt habe =)
Das seltsame bei meinem Problem ist, dass MSIE und Netscape die Seite verzerren, Opera ausnahmsweise nicht... vielleicht ist mein Quellcode auch einfach nur _zu_ korrekt ;D
Auf das Attribut MAX-HEIGHT reagiert Netscape auch nicht (und das sollte es eigentlich). Ich versteh die Welt nichtmehr :(Gruesse
Daniel
-
-
-