Mitwachsender Tabellen Hintergrund funktioniert nicht im IE von Yako, 20.12.2013 19:40

Mitwachsender Tabellen Hintergrund funktioniert nicht im IE

Yako 20.12.2013 17:55

https

Hallo liebe Community,

ich habe ein Tabellenlayout folgend (links der gestrichelte Bereich ist der Problembereich und wird von einer Haupttabelle umschlossen):

----x-----------x
|   |           |
|   |           |
|   |           |
|   |           |
|   |           |
----x-----------x

In dem linken Bereich habe ich eine Grafik aus 3 Teilen, fixe Größe beim Header, fixe Größe Footer, aber der mittlere Bereich soll flexibel sein und mit dem jeweiligen Conentinhalt aus dem rechten Bereich mitwachsen, in Mozilla tut er das, aber im Internet Explorer nicht.

Folgender Code für die Tabelle, in der sich die 3 HG Grafiken befinden:

HTML-Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">  
        <tr>  
          <td valign="top" class="banner-top">&nbsp;</td>  
        </tr>  
        <tr height="100%">  
          <td valign="top" class="banner-middle"></td>  
        </tr>  
        <tr>  
          <td valign="bottom" class="banner-bottom"></td>  
        </tr>  
      </table>

Die CSS dazu:

.blockLeft {  
	width: 180px;  
	height: 100%;  
	background-color: #FFFFFF;  
}  
  
.banner-top, .banner-middle, .banner-bottom {  
	width: 175px;  
}  
  
.banner-top {  
	height: 629px;  
	background: url(../../images/banner-top.png) no-repeat top left;  
}  
  
.banner-middle {  
    height: 100%;  
	background: url(../../images/banner-middle.png) repeat-y top left;  
}  
  
.banner-bottom {  
	height: 27px;  
	background: url(../../images/banner-bottom.png) no-repeat top left;  
}

Könnte mir bitte jemand behilflich sein, wo genau der Fehler ist, komme leider nicht weiter, habe schon vieles ausprobiert?

Danke, Liebe Grüße
Yako

Beitrag melden

– Informationen zu den Bewertungsregeln

Mitwachsender Tabellen Hintergrund funktioniert nicht im IE
Matthias Apsel Homepage des Autors 20.12.2013 19:25

html
– Informationen zu den Bewertungsregeln
Om nah hoo pez nyeetz, Yako!

Tabellenlayout ist out. Deshalb lautet mein Rat: Verwende eine semantisch sinnvolle Struktur. blog/HTML5-Serie, wiki/HTML-Tutorial

Wenn sich dabei Probleme auftun, wird dir hier sicher gern geholfen. Beim Reparieren von Tabellenlayouts ist die Bereitschaft geringer.

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Wachs und Wachstube.
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. Mitwachsender Tabellen Hintergrund funktioniert nicht im IE
  
  Yako 20.12.2013 19:44
  
  html
  – Informationen zu den Bewertungsregeln
  Hey Matthias,
  
  ich weiß :( Es handelt sich um ein Design, was ich kurzfristig nutzen wollte, soll auch nicht auf Dauer sein. Wenn ich das ganze jetzt umcode und versuche anzupassen, dauert das viel zu lange und is sehr viel Arbeit, da in dem Content Bereich auch noch so einiges ist. Mir wäre schon sehr geholfen, wenn einfach die linke Spalte mit dem Hintergrund mitwächst.
  
  Om nah hoo pez nyeetz, Yako!
  
  Tabellenlayout ist out. Deshalb lautet mein Rat: Verwende eine semantisch sinnvolle Struktur. blog/HTML5-Serie, wiki/HTML-Tutorial
  
  Wenn sich dabei Probleme auftun, wird dir hier sicher gern geholfen. Beim Reparieren von Tabellenlayouts ist die Bereitschaft geringer.
  
  Matthias
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum