Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Tabellen Problem
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Tabellen Problem

Pages: [1]
geschrieben von rox²³ am 30.09.2004 - 17:34
Ich hab das Problem das ein Rowspan Feld meine Tabelle auseinanderzieht. Das Problem tritt aber erst auf wenn ich den Browser breit genug ziehe.
Also besser gesagt wenn ich das Browserfenster auf ne Breite von 640 px habe ist die Tabelle makellos. Sobald ich aber das Browserfenster auf ne fernünftige breite ziehe werden die Tabellen Felder unterhalb vom Banner im vertikalen Bereich zu breit.
Jetzt ist das aber so das die Tabelle Grafiken enthällt und das genze ne Dynamisch makelose Gesamtgrafik ergibt. Und des ist schlecht wenn da so ein Zwischenraum entsteht aber das könnt ihr euch bestimmt denken

Ich hab ja schon mal rausgefunden das es am Rowspan liegt, sobald der eigentliche Content auf der Seite nicht mehr die Tabelle weitet und der Banner im Rowfeld die Größe angibt. Ab da gibts die verzerrung.

Das ihr mal ne vorstellung habt poste ich mal den betroffenen Tabellenteil.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 

<tr>
    <td class="senkrecht" width="1%">&nbsp;</td>
    <td colspan="7" width="48%">Hier ist der Banner drinnen</td>
    <td class="senkrecht" width="1%">&nbsp;</td>
    <td rowspan="3" width="48%">Das hier ist der Rowspan Teil mit dem Banner</td>
    <td rowspan="3" class="senkrecht" width="1%">&nbsp;</td>
  </tr>
      Ab hier kommt der Teil den es auseinanderzieht (nach oben und unten)
  <tr>
    <td width="1%"></td>
    <td class="waagerecht" width="10%"></td>
    <td width="1%"></td>
    <td colspan="5" class="waagerecht" width="48%"></td>
    <td width="1%"></td>
  </tr>

Der Rest der Tabelle macht keine Probleme.
Ich bin echt ratlos

geschrieben von Pablo am 30.09.2004 - 17:47
Wenn du in jeder Zeile fünf Zellen hast dann musst du für das Row-Span-Attribut folgendes schreiben:
HTML-Quelltext
1: 
2: 
3: 

<tr>
    <td colspan="5" class="waagerecht">blablabla</td>
 </tr>

so schafftst du es, dass in einer Zeile, nur eine Zelle sichtbar ist...

Bei nicht-verstehen noch mal nachhaken.

Pablo

geschrieben von rox²³ am 30.09.2004 - 18:06
Nein also mit der Tabelle ist eigentlich alles in ordnung (glaub ich)

Aber bevor wir hier ewig diskutieren poste ich mal die gesammte Tabelle.
Ich hab die Inhalte rausgenommen das nicht so viel ist.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 

<table width="100%">
  <tr>
    <td width="1%">Banner</td>
    <td colspan="7" class="waagerecht" width="48%">&nbsp;</td>
    <td width="1%">Grafik</td>
    <td class="waagerecht" width="48%">&nbsp;</td>
    <td width="1%">Grafik</td>
  </tr>
  <tr>
    <td class="senkrecht" width="1%">&nbsp;</td>
    <td colspan="7" width="48%">Normaler Banner</td>
    <td class="senkrecht" width="1%">&nbsp;</td>
    <td rowspan="3" width="48%">Senkrechter Banner</td>
    <td rowspan="3" class="senkrecht" width="1%">&nbsp;</td>
  </tr>
  <tr>
    <td width="1%">Grafik</td>
    <td class="waagerecht" width="10%"></td>
    <td width="1%">Grafik</td>
    <td colspan="5" class="waagerecht" width="48%"></td>
    <td width="1%">Grafik</td>
  </tr>
  <tr>
    <td class="senkrecht" width="1%">&nbsp;</td>
    <td class="navi" width="10%">
      <div class="schr2">Navigation</div>Links<br /></td>
    <td class="senkrecht" width="1%">&nbsp;</td>
    <td class="navi" colspan="5" class="content" width="48%">%%content%%
    <td class="senkrecht" width="1%">&nbsp;</td>
  </tr>
  <tr>
    <td width="1%">Grafik</td>
    <td class="waagerecht" width="10%">&nbsp;</td>
    <td width="1%">Grafik</td>
    <td class="waagerecht" width="20%">&nbsp;</td>
    <td width="1%">Grafik</td>
    <td class="waagerecht" width="20%">&nbsp;</td>
    <td width="1%">Grafik</td>
    <td class="waagerecht" width="20%">&nbsp;</td>
    <td width="1%">Grafik</td>
    <td class="waagerecht" width="20%">&nbsp;</td>
    <td width="1%">Grafik</td>
  </tr>
  <tr>
    <td width="1%">&nbsp;</td>
    <td width="10%">&nbsp;</td>
    <td width="1%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td class="senkrecht" width="1%">&nbsp;</td>
    <td class="content" width="20%"><div class="schr3">blabla<br /></div></td>
    <td class="senkrecht" width="1%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td colspan="3" width="1%">&nbsp;</td>
  </tr>
  <tr>
    <td width="1%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="1%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="1%">Grafik</td>
    <td class="waagerecht" width="20%">&nbsp;</td>
    <td width="1%">Grafik</td>
    <td width="20%">&nbsp;</td>
    <td colspan="3" width="1%">&nbsp;</td>
  </tr>
</table>


Also meine colspans und rowspans sind soweit richtig gesetzt sobald ich die verändere gibts nen totalen Tabellen Salat...

Die width Angaben sind imoment nicht ganz korrekt aber die haben eh keinen einfluss auf die Tabelle.

EDIT: Habs mittlerweile rausgefunden an was es liegt nur leider ist die Tabelle nen Alptraum ^^

geschrieben von Pablo am 30.09.2004 - 18:36
Dann poste es bitte, falls andere Leute das selbe /ein ähnliches Problem haben.

Zusätzliches Wissen zum Verbinden von Zellen (Spalten und Zeilen Weise):
http://de.selfhtml.org/html/tabelle....binden.htm

Pablo

geschrieben von rox²³ am 30.09.2004 - 21:11
Das schein anscheinend normal zu sein. Ich hab mal etwas mit dem Browser rumprobier größer u. kleiner gezogen. Da kommen auch zwischenräume an anderen stellen. Schein aber nicht weiter wild zu sein da keiner solche Bildschirmauflösungen benutz. Solange der Content nicht kleiner als der Banner rechts ist gibts keine Probleme. Und das kann man ja immer noch mit <br /> ausgleichen.

geschrieben von The Chocolate Starfish am 21.10.2004 - 14:20
ich versteh zwar nicht was mit den rowspans und den colspans bei dir falsch sein soll
aber wenn deine Tablle auseinandergezogen wird wenn du das Fenster größer machst liegt an den prozent angaben die du bei width="" reingeschrieben hast

das passt die Tablle der Auflösung und Fenstergröße an

gib im <table>-tag doch bei width eine absolute angabe ein

dann dürfts nicht merh auseinanderziehen

geschrieben von web_user am 01.11.2004 - 16:11
Der Fehler liegt bei <table with=100%>

wenn du eine feste größe angibst, wird die tabelle nicht mehr auseinander gezogen! 100 % heißt, das die tabelle immer 100% auseinander gezogen wird, egal welche auflösung der Bildschirm hat!

Gib einfach eine feste größe ein, dann ist das problem gelöst!!

z.B.

<table with=500>

geschrieben von rox²³ am 04.11.2004 - 22:52
Ok thx Thema hat sich mittlerweile erledigt werde da sowieso demnächst was ganz neues zaubern

geschrieben von The Chocolate Starfish am 16.11.2004 - 21:54
na denn viel Glück

geschrieben von zippy am 20.11.2004 - 17:02

Das ganze hab ich nicht gelesen, um einen epileptischen Anfall zu vermeiden, AAAAABER:

1.:

1. Zeile: 11 Spalten
2. Zeile: 11 Spalten, davon die LETZTEN 2 mit Rowspan=3.
3. Zeile: 9 Spalten, ABER die verschiedenen Breiten gehen sich nicht miteinander aus (scheint mir...). Nimm mal testweise die ganzen "width-attribute+argumente" raus.

2.:
3. Zeile, zweiter Teil: Deine "colspans" überschneiden einander!
Wenn ich deine Tabelle grob in 11 Spalten zerlege, dann bleiben für die 3. und 5. Reihe nur die ersten neun Spalten, weil die letzten beiden Spalten der 2. Reihe(Zeile) drei Zeilen tief reichen.

Deine Tabellenreihen hast du also folgendermaßen in colspans aufgeteilt

1 - 7 - 1 - 1 - 1 ....... =11
1 - 7 - 1 - 1 - 1 ....... die letzten beiden gehen drei Zeilen weiter=11
1 - 1 - 1 - 5 - 1 ....... und die zwei rowspan-Spalten (mind.48%) der Zeile davor=11
1 - 1 - 1 - 5 - 1 ....... und die zwei rowspan-Spalten (mind.48%) von Zeile 2=11
usw....


Du hast sowohl den 7er.Feldern 48% Breite zugewiesen, als auch den 5er-Feldern, die ein Teil der 7er-Aufteilung sind, und einem Teil der rowspan-felder, die weder den 7ern, noch den 5ern angehören noch mal 48%.

Das 7er-Feld in der zweiten Zeile(Reihe) hat 48% Breite und steht über einem 5er-Feld und zwei 1er-Feldern.
In der dritten Reihe sollen. darunter ein 5er-Feld mit 48%breite und gleichzeitig ein 1er-Feld mit 10%Breite und noch ein 1er-Feld mit Grafik Platz haben.

Das geht sich nicht aus, weil in der 3er Reihe sollen die Spalten, die in der 2ten Reihe nur 48% Platz haben, sich laut Tabellencode über 58% ausdehnen, mindestens...

geschrieben von zippy am 22.11.2004 - 11:41
Diese Zeile ist falsch, weil zwei CSS-Klassen aufgerufen werden:

<td class="navi" colspan="5" class="content" width="48%"> usw...

UND: Die Breiten untereinander stehender TD's sollten einander entsprechen.

zB.:
80%-10%-10%
10%-50%-40%

geht nicht!


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.