[HTML|CSS|...] Tabelle mit Spalten und fixen/varibalen "Bildinhalten"

M

Mr. Snoot

Gast
Hio,

ich verreck hier langsam :freak:


Ich will in einer Tabelle in 3 Spalten (eine Zeile) jeweils ein Bild haben, so dass sich die Tabelle über die komplette Seite erstreckt.

Dabei soll das Bild links und das Bild rechts eine feste Breite (z.B. 100 Pixel) haben, das Bild in der Mitte soll variabel sein, und zwar eben so, dass die Tabelle eben immer 100% Breite einnimt.

Ich hab schon alles mögliche versucht, aber entweder wird die mittlere Spalte nicht so weit gestreckt, dass die Tabelle 100% breit ist, oder es sind sörrende Lücken zwischen den Bildern, oder die rechte Spalte verschwindet außerhalb des Fensters, oder, oder, oder ...

Kann doch nicht so schwer sein, oder? :)
 
hi!

ich habe ne einfach lösung:

http://upload.3space.info/test.htm

hier der quellcode:
Code:
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100"><img src="1.jpg" width="100" height="100"></td>
    <td width="100%"><img src="3.jpg" width="100%" height="100"></td>
    <td width="100"><img src="2.jpg" width="100" height="100"></td>
  </tr>
</table>

gib bei der breite des pics anstatt der festen breite einfach nur 100% an :)
 
Ja - so gehts - theoretisch.

Ich habe jetzt aber noch ne Zeile (1 Spalte) darüber und darunter, und dann klappt das leider nicht mehr (zumindest Opera mag nicht).

Code:
<html>
<head>
<title>Untitled</title>
</head>

<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" bgcolor="#fabf38">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" width="100%"  height="5" bgcolor="#ffffff"></td>
</tr>
<tr>
<td width="394"><img src="1.jpg" width="394" height="120" alt="" border="0"></td>
<td width="100%"><img src="2.jpg" width="100%" height="120" alt="" border="0"></td>
<td width="214"><img src="3.jpg" width="214" height="120" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" width="100%" height="5" bgcolor="#ffffff" ></td>
</tr>
</table>

</body>
</html>
(Klick)

grml.. nu hab ich's. Ohne die width="100%" in den Zeilen drüber und drunter klappts.
 
Zuletzt bearbeitet:
Zurück
Oben