nicht angemeldet
Hallo zusammen...
Bin sehr neu hier, habe aber bereits viel HTML, CSS und Scriptsprachen-Erfahrung.
Allerdings komme ich an einem Punkt einfach nicht weiter.
Für eine Webapplikation habe ich eine Tabelle mit 3 Zeilen, 1 Spalte als Haupttabelle definiert.
In jede Zelle habe ich wiederum eine Tabelle verschachtelt.
Die oberste soll dabei als Banner dienen und hat 1 Zeile, 3 Spalten.
Die Idee war nun, die beiden Zellen Links und Rechts auf eine feste Grösse zu stellen und die mittlere dynamisch zu verbreitern, so dass der Banner immer 100% der Breite der Haupttabelle einnimmt.
Soweit sogut.
Ich habe natürlich 3 Grafiken dafür präpariert.
Die Mittlere ist nur 1 Pixel breit, da sie ja durch den Repeat nicht mehr braucht.
Trotzdem funktioniert es nicht.
Als Ergebnis sehe ich dann die Grafik Links bis ca. zur Mitte wiederholt und dann die Grafik rechts bis zum rechten Rand wiederholt.
Ob die mittlere Grafik sichtbar ist, lässt sich aufgrund der 1px-Breite kaum bestimmen.
Jedenfalls wird sie nicht korrekt repeatet, so dass sie den Inhalt der Banners "auffüllt".
Ich poste mal ein Codeschnipsel, vielleicht findet ja jemand gleich den Fehler.
Bin für jede Hilfe sehr dankbar.
Gruss
Andy
<body>
<form id="form1" runat="server">
<div>
<table class="MainTable" cellpadding="0" cellspacing="0">
<tr>
<td>
<table class="SubTable" cellpadding="0" cellspacing="0">
<tr class="HeaderRow">
<td style="width: 250px; background-image: url(Images/HeaderLeft.gif)">
</td>
<td style="background-image: url(Images/HeaderMitte.gif); background-repeat: repeat-x">
</td>
<td style="width: 300px; background-image: url(Images/HeaderRight.gif)">
</td>
</tr>
</table>
</td>
</tr>