HTML Kombination von fester und variabler Tabelle?

Beitrag von **Balboa** » 24.09.2005, 15:01

Ich will einen Teil der Tabelle fest haben, er soll also eine bestimmte Höhe haben die sich nicht ändert.
Die oberste sowie unterste Reihe soll jedoch von der Höhe her variabel sein, so dass sie sich der Auflösung des Bildschirms anpasst.

Dort wo ich die höhe der Tabelle variabel haben will habe ich im code height=variabel hingeschrieben um es besser zu erkennen.

Hier mein code:

Code: Alles auswählen

<table cellspacing=0 cellpadding=0 border=1>
<tr><td colspan=4 width=744 height=variabel background="1.gif">&nbsp;</td></tr>
<tr><td colspan=4 width=744 height=69 background="r.gif">&nbsp;</td></tr>


<tr>
<td width=108 height=330 background="x.gif">&nbsp;</td>
<td width=308 height=330 background="l.gif">&nbsp;</td>
<td width=20 height=330 background="m.gif">&nbsp;</td>
<td width=308 height=330 background="r.gif">&nbsp;</td>

</tr>

<tr><td colspan=4 width=744 height=44 background="we-share-passion.gif">&nbsp;</td></tr>
<tr><td colspan=4 width=744 height=variabel background="1.gif">&nbsp;</td></tr>
</table>

von **Anzeige von ABAKUS** »

Beitrag von **auftragslinker** » 24.09.2005, 15:18

die höhen-angaben gehören nicht in die zellen, sondern in die rowtags.
für die oberste und unterste einfach 50% angeben, das zieht sich dann automatisch hin

Code: Alles auswählen

<table cellspacing=0 height="100%" cellpadding=0 border=1> 
<tr height="50%"><td colspan=4 width=744 background="1.gif">&nbsp;</td></tr> 
<tr height=69><td colspan=4 width=744 background="r.gif">&nbsp;</td></tr> 


<tr height=330> 
<td width=108 background="x.gif">&nbsp;</td> 
<td width=308 background="l.gif">&nbsp;</td> 
<td width=20 background="m.gif">&nbsp;</td> 
<td width=308 background="r.gif">&nbsp;</td> 

</tr> 

<tr height=44><td colspan=4 width=744 background="we-share-passion.gif">&nbsp;</td></tr> 
<tr height="50%"><td colspan=4 width=744 background="1.gif">&nbsp;</td></tr> 
</table>

Beitrag von **Anonymous** » 24.09.2005, 15:22

bei einer Tabelle eine bestimmte feste Höhe erzwingen geht nicht wirklich...

mit einem blind.gif, also einem durchsichtigen 1x1 pixel großem gif, dass man sich entsprechend in die Länge und breite zieht, kann man eine Mindesthöhe/-breite erzwingen...

dein beispiel lässt sich doch wunderbar mit div's lösen....

heutzutage sollte man Tabellen wirklich nur noch nutzen, wenn Daten tabellarisch dargestellt werden sollen....

Beitrag von **Inteliplus** » 24.09.2005, 15:57

und wie sollte man das sonst Aufbauen, wenn die Tabellen nicht dafür geeignet sind ?

Beitrag von **Balboa** » 24.09.2005, 18:51

Habe jetzt folgendes:

Code: Alles auswählen

<table MARGINHEIGHT=0  MARGINWIDTH=0 height=100% cellspacing=0 cellpadding=0 border=1>
<tr><td colspan=4 width=744  height=20% background="1.gif"><img src="transparent.gif"></td></tr>
<tr><td colspan=4 width=744 height="69" background="r.gif"><img src="transparent.gif"></td></tr>


<tr>
<td width=108 height=330 background="x.gif"><img src="transparent.gif"></td>
<td width=308 background="l.gif"><img src="transparent.gif"></td>
<td width=20 background="m.gif"><img src="transparent.gif"></td>
<td width=308 background="r.gif"><img src="transparent.gif"></td>

</tr>

<tr><td colspan=4 width=744 height=44 background="w.gif"><img src="transparent.gif"></td></tr>
<tr><td colspan=4 width=744  height=20% background="streifen-unten.gif"><img src="transparent.gif"></td></tr>
</table>

wenn ich die Höhenangabe in die rowtags schreibe funktioniert es mit netscape 4.0 nicht.

Mit dem Internet Explorer und Firefox funktioniert alles wunderbar nur bei Netscape gibt es noch ein Problem.
Durch die Angabe height=20% wird die obere und untere Tabellenreihe immer 20% hoch.
Wenn ich also eine kleine Bildschirmauflösung nutze, dann muss ich bei Netscape nach unten scrollen, bei den anderen Browsern passt "die Mitte" bei kleiner Bildschirmauflösung genau.

Beitrag von **Balboa** » 24.09.2005, 19:13

Habe jetzt folgendes:

Code: Alles auswählen

<table MARGINHEIGHT=0  MARGINWIDTH=0 height=100% cellspacing=0 cellpadding=0 border=1>
<tr><td colspan=4 width=744  height=20% background="1.gif"><img src="transparent.gif"></td></tr>
<tr><td colspan=4 width=744 height="69" background="r.gif"><img src="transparent.gif"></td></tr>


<tr>
<td width=108 height=330 background="x.gif"><img src="transparent.gif"></td>
<td width=308 background="l.gif"><img src="transparent.gif"></td>
<td width=20 background="m.gif"><img src="transparent.gif"></td>
<td width=308 background="r.gif"><img src="transparent.gif"></td>

</tr>

<tr><td colspan=4 width=744 height=44 background="w.gif"><img src="transparent.gif"></td></tr>
<tr><td colspan=4 width=744  height=20% background="streifen-unten.gif"><img src="transparent.gif"></td></tr>
</table>

wenn ich die Höhenangabe in die rowtags schreibe funktioniert es mit netscape 4.0 nicht.

Mit dem Internet Explorer und Firefox funktioniert alles wunderbar nur bei Netscape gibt es noch ein Problem.
Durch die Angabe height=20% wird die obere und untere Tabellenreihe immer 20% hoch.
Wenn ich also eine kleine Bildschirmauflösung nutze, dann muss ich bei Netscape nach unten scrollen, bei den anderen Browsern passt "die Mitte" bei kleiner Bildschirmauflösung genau.