Seite 1 von 1
HTML Kombination von fester und variabler Tabelle?
Verfasst: 24.09.2005, 15:01
von Balboa
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"> </td></tr>
<tr><td colspan=4 width=744 height=69 background="r.gif"> </td></tr>
<tr>
<td width=108 height=330 background="x.gif"> </td>
<td width=308 height=330 background="l.gif"> </td>
<td width=20 height=330 background="m.gif"> </td>
<td width=308 height=330 background="r.gif"> </td>
</tr>
<tr><td colspan=4 width=744 height=44 background="we-share-passion.gif"> </td></tr>
<tr><td colspan=4 width=744 height=variabel background="1.gif"> </td></tr>
</table>
Verfasst:
von
SEO Consulting bei
ABAKUS Internet Marketing Erfahrung seit 2002
- persönliche Betreuung
- individuelle Beratung
- kompetente Umsetzung
Jetzt anfragen:
0511 / 300325-0.
Verfasst: 24.09.2005, 15:18
von auftragslinker
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"> </td></tr>
<tr height=69><td colspan=4 width=744 background="r.gif"> </td></tr>
<tr height=330>
<td width=108 background="x.gif"> </td>
<td width=308 background="l.gif"> </td>
<td width=20 background="m.gif"> </td>
<td width=308 background="r.gif"> </td>
</tr>
<tr height=44><td colspan=4 width=744 background="we-share-passion.gif"> </td></tr>
<tr height="50%"><td colspan=4 width=744 background="1.gif"> </td></tr>
</table>
HTML Kombination von fester und variabler Tabelle?
Verfasst: 24.09.2005, 15:22
von net(t)worker
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....
Verfasst: 24.09.2005, 15:57
von Inteliplus
und wie sollte man das sonst Aufbauen, wenn die Tabellen nicht dafür geeignet sind ?
Verfasst: 24.09.2005, 18:51
von Balboa
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.
Verfasst: 24.09.2005, 19:13
von Balboa
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.
