Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Opera macht Probleme mit colspan
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Opera macht Probleme mit colspan

Pages: [1]
geschrieben von rox²³ am 06.08.2005 - 21:47
Mozilla Firefox, Internet Explorer und Netscape interpretieren es Fehlerfrei.
Opera macht faxen.

Ich habe folgende Tabelle:
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: 

<table class="board" cellspacing="0" cellpadding="0">
        <tr>
          <td class="headerside"><img src="./templates/default/images/space_info_left.gif" alt="info links" /></td>
          <td class="headerside"><img src="./templates/default/images/spalte_left.gif" alt="spalte rechts" /></td>
          <td class="spalte_middle" width="20%"><div class="schr3"><div class="center">Username</div></div></td>
          <td class="headerside"><img src="./templates/default/images/spalte_right.gif" alt="spalte rechts" /></td>
          <td class="headerside"><img src="./templates/default/images/spalte_left.gif" alt="spalte rechts" /></td>
          <td class="spalte_middle" width="5%"><div class="schr3"><div class="center">Beitr&auml;ge</div></div></td>
          <td class="headerside"><img src="./templates/default/images/spalte_right.gif" alt="spalte rechts" /></td>
          <td class="headerside"><img src="./templates/default/images/spalte_left.gif" alt="spalte rechts" /></td>
          <td class="spalte_middle" width="35%"><div class="schr3"><div class="center">Home Page</div></div></td>
          <td class="headerside"><img src="./templates/default/images/spalte_right.gif" alt="spalte rechts" /></td>
          <td class="headerside"><img src="./templates/default/images/spalte_left.gif" alt="spalte rechts" /></td>
          <td class="spalte_middle" width="30%"><div class="schr3"><div class="center">Email</div></div></td>
          <td class="headerside"><img src="./templates/default/images/spalte_right.gif" alt="spalte rechts" /></td>
          <td class="headerside"><img src="./templates/default/images/spalte_left.gif" alt="spalte rechts" /></td>
          <td class="spalte_middle" width="10%"><div class="schr3"><div class="center">Dabei Seit</div></div></td>
          <td class="headerside"><img src="./templates/default/images/spalte_right.gif" alt="spalte rechts" /></td>
          <td class="headerside"><img src="./templates/default/images/space_info_right.gif" alt="info rechts" /></td>
        </tr>
        <tr>
          <td class="info_left"></td>
          <td class="felder" colspan="3" width="20%"><div class="center"><div class="schr5">%%nic%%</div></div></td>
          <td class="felder" colspan="3" width="5%"><div class="center"><div class="schr5">%%anzahl%%</div></div></td>
          <td class="felder" colspan="3" width="35%"><div class="center"><div class="schr5">%%hp%%</div></div></td>
          <td class="felder" colspan="3" width="30%"><div class="center"><div class="schr5">%%email%%</div></div></td>
          <td class="felder" colspan="3" width="10%"><div class="center"><div class="schr5">%%daseit%%</div></div></td>
          <td class="info_right"></td>
        </tr>


In alle Browsern siehts so aus:

http://home.arcor.de/xylomynoxz.666/browser_alle.gif

und so im Opera:

http://home.arcor.de/xylomynoxz.666/browser_opera.gif

Ich habe schon tausend Varianten durchgespielt nix geht. Ich bin ratlos

geschrieben von Matneu am 06.08.2005 - 21:50
Mal abgesehen davon, dass für sowas eine Tabelle total überflüssig ist wäre vielleicht der CSS-Code interessant. So kann man nur raten und das hilft niemandem.

So far...
Matthias

geschrieben von rox²³ am 06.08.2005 - 22:00
Sorry vergessen ^^

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: 

TD.felder {
padding : 0px;
border-top : 0px;
border-right : 0px;
border-bottom : 0px;
border-left : 0px;
border-style : solid; 
border-color : #B6B2B2; 
background-color: #EFEFF5;
} 
TD.headerside {
padding : 0px;
border : 0px; 
border-style : solid; 
border-color : red; 
} 
TD.spalte_middle {
padding : 0px;
background-image : URL(images/spalte_middle.gif);
background-repeat : repeat-x;
border : 0px; 
border-style : solid; 
border-color : red; 
} 
TD.info_left {
padding : 0px;
background-image : URL(images/info_left.gif);
background-repeat : repeat-y;
border : 0px; 
border-style : solid; 
border-color : red; 
} 
TD.info_right {
padding : 0px;
background-image : URL(images/info_right.gif);
background-repeat : repeat-y;
border : 0px; 
border-style : solid; 
border-color : red; 
}

geschrieben von Matneu am 06.08.2005 - 22:14
und "schr3" und "center"?
Wenn ich den Code bei mir etwas ändere (da ich keine BG-Bilder habe) funktioniert es ohne Lücke. Aber ich würde trotzdem von dieser Tabelle weggehen, das ist erstens absolut nicht mehr zeitgemäss und zweitens sehr fehlerträchtig. Das lässt sich ziemlich gut per CSS lösen.

Mir fällt noch was ein: Kann es sein, dass die Zellen darunter den oberen Teil in die Länge ziehen?

So far...
Matthias

geschrieben von rox²³ am 06.08.2005 - 22:33
Geht leider nicht weil das ganze Board aus solchen Tabellen besteht. Die Templates zu ändern würde Wochen oder Monate dauern.

Ich kann dir allerding per PN den Link zum Board geben das du dir das mal anschauen kannst dort sieht man es deutlich. Allerding nur im Opera.

geschrieben von Matneu am 06.08.2005 - 22:46
Hat man nicht gerade dafür Templates, damit man solche Änderungen relativ schnell machen kann? Egal... Hast Du mal meinen Hinweis von oben gelesen? Habe ich hinterher noch hinzugefügt.

So far...
Matthias

geschrieben von rox²³ am 06.08.2005 - 22:51
Ja habe ich gelesen der Inhalt ist viel kleiner also kann es daran nicht liegen.

geschrieben von rox²³ am 06.08.2005 - 23:50
Thema erledigt ich habe weitere Verschachtelungen angelegt -.-


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