Grafik mit Tabellen strecken / Hintergrundgrafik in Tabellen
Stephan
- html
Hallo, folgendes Problem zu dem ich bisher noch keine Informationen finden konnte:
Ich habe ein klassisches 3er-Frameset (links, oben, mitte), bei dem der obere Frame durchgehend über die Bildschirmbreite geht, also rows, dann cols.
Im oberen frame soll nun durchgehen eine Linie über den
ganzen Bildschirm laufen, am linken Rand ist das Firmenlogo und am rechten Rand eine weitere Grafik.
Eigentlich kein Problem, ich wollte nun aber kein Layout nur auf 800 x 600 machen, sondern das ganze so, daß sich die Liniengrafik bei 1024 x 768 auseinanderzieht und
das Logo links bleibt und die andere Grafik auch rechtsbündig bleibt.
Deshalb hab ich eine Tabelle mit width="100%" und drei Zellen gemacht.
Die linke Zelle hat die feste Größenangabe des Logos, die mittlere hat keine Größenangabe und dir rechte wieder die feste Größenangabe der zweiten Grafik.
In der linken Zelle ist das Logo mit Linie als Background, in der mittleren nur ein Stückchen Linie und in der rechten wieder 2. Grafik mit Linie.
Nun dachte ich mir, sollte der Browser das ogo links anzeigen, die andere Grafik am rechten Rand und den verbleibenden Zwischenraum in der Mitte mit der zweiten Zelle auffüllen und das Hintergrundbild kacheln.
Und siehe da, im IE funktioniert das perfekt. Nur mal wieder im Netscape nicht. Der läßt nämlich die mittlere Zelle auf der Größe der kleinen Liniengrafik und zieht dazu die beiden anderen auseinander und kachelt dort das Hintergrundbild. Obwohl doch die beiden äußeren
Zellen feste Größenangaben haben???
Meine Frage ist also: Kann der Netscape keine leeren Tabellenzellen auseinaderziehen um auf die vorgegeben
100 % Breite der Gesamttabelle zu kommen?
Übrigens haben beide Browser (IE 5 und NS 4.06) Probleme mit den 100 %, denn beide setzten die Tabelle zwar bündig an den linken Rand, ziehen Sie aber nicht über die ganze Breite des Fensters, sondern beenden die rechte Zelle ca. 15-20 Pixel vor dem Fensterrand.
Das ist mir hierbei nicht so wichtig, aber verstehen kann ich auch nicht.
Ich bin für jede Anregung dankbar, möchte mein Layout ungerne umwerfen.
Danke und Grüße an alle, die sich mit den egoistischen
HTML-Interpretationen der zwei großen rumschlagen müssen.
hi,
<table cellspacing="0" cellpadding="0" border="0" width=100%>
<tr>
<td width="129"><img src="1.gif" width="129" height="28" alt="" border="0"></td>
<td width="100%"><img src="2.gif" width="100%" height="28" alt="" border="0"></td>
<td width="129"><img src="3.gif" width="129" height="28" alt="" border="0"></td>
</tr>
</table>
funzt bei mir.
probier mal.
alles liebe
ole
(8-)>
Danke Ole!
Das geht aber nicht, ich muß ja die mittlere Grafik (die Linie) als Background machen, damit er Sie kachelt, also muß ich die anderen beiden auch als Background machen, sonst passen die Übergänge nicht mehr (in der Vertikalen).
Width="100%" für die Mittlere Zelle hatte ich noch nicht probiert, geht aber auch nicht.
Trotzdem vielen Dank!
Gruß, Stephan
hi stephan,
warum kacheln? streck sie doch. wenn du ihr eine feste höhe und eine variable breite gibst hat das den gleich effekt. bei einer linie dürfte das kein problem sein.
sontt probier einfach ein transparentes gif mit den abmessungen 1x1 pixel mit der wisth 100% in die mittlere zelle zu packen.
alles liebe
ole
(8-)>
warum kacheln? streck sie doch. wenn du ihr eine feste höhe und eine variable breite gibst hat das den gleich effekt. bei einer linie dürfte das kein problem sein.
Genau das will ich ja Ole. Er soll die mittlere Zelle strecken und die Grafik (also die Linie) dann kacheln, damit in der Linie keine Lücken sind. Die Liniengrafik
hat jetzt eine Breite von 10 Pixeln, aber ich kann ja keine bestimmte Breite vorgeben, wenn ich mein Fenster
von 800 x 600 auf 1024 x 768 vergrößere, ist ja der Zwischenraum viel größer, und den soll er ja durch kacheln der Grafik vergrößern. Macht er aber nicht der Sack! Nur der IE.
sontt probier einfach ein transparentes gif mit den abmessungen 1x1 pixel mit der wisth 100% in die mittlere zelle zu packen.
Geht auch nicht, der Effekt bleibt der gleiche.
Ich glaub ich, änder mein Layout doch, allerdings weiß ich dann schon, daß ich schwierigkeiten an andere Stelle bekomme, weil für den NS bei den Framegrößen ein Pixel nicht unbedingt ein Pixel groß ist.
Na ja, mal sehen, trotzdem vielen Dank.
Gruß, Stephan
hi stephan,
schick mir doch mal bitte die grafiken, dann schau ich mal was man da so basteln kann.
alles liebe
ole
(8-)>
hi stephan,
schick mir doch mal bitte die grafiken, dann schau ich mal was man da so basteln kann.
alles liebe
ole
(8-)>
Hat sich erledigt, siehe Antwort von Ron.
Trotzdem vielen Danke für Deine Mühe.
Gruß, Stephan
Hallo Stephan!
<table width="100%">
<tr>
<td width="120">...</td>
<td width="100%">...</td>
<td width="120">...</td>
</tr>
</table>
sollte auch in NS gehen
Übrigens haben beide Browser (IE 5 und NS 4.06) Probleme mit den 100 %, denn beide setzten die Tabelle zwar bündig an den linken Rand, ziehen Sie aber nicht über die ganze Breite des Fensters.
<body marginwidth="0" leftmargin="0"> mehr ist nicht drinn für die Breite.
Grüße
Thomas
Hallo Stephan!
<table width="100%">
<tr>
<td width="120">...</td>
<td width="100%">...</td>
<td width="120">...</td>
</tr>
</table>sollte auch in NS gehen
Auch Dir vielen Dank Thomas!
Es geht aber leider nicht, wenn ich der mittleren
Zelle 100% zuweise, dann nehmen beide Browser das wörtlich und ich hab nur noch meine Linie, als meine mittlere Grafik im Bild (zumindes bei hintergrundgrafiken).
Ich verstehe einfach nicht, daß der NS die beiden Zellen mit festen Größenangaben auseinander zieht und
die mittlere nicht anrührt. Soll doch genau umgekehrt sein (der neue 6er Netscape macht das übrigens auch).
Gruß, Stephan
Moin !
Du mußt in die beiden äußeren Zellen blinde Gifs mit der entsprechenden Breite reinsetzen. Dann klappt das.
<table width="100%">
<tr>
<td width="120"><img src="blind.gif" width=120 height=1></td>
<td width="100%">...</td>
<td width="120"><img src="blind.gif" width=120 height=1></td>
</tr>
</table>
Ron
Hurra, vielen Dank Ron!!!
Jetzt geht‚s, hab eigentlich nicht mehr dran geglaubt.
Und so simpel, ich schäme mich fast ein bißchen, daß
ich das nicht selbst einfach mal ausprobiert hatte.
Ehrlich gesagt bin ich schon auf kompliziertere Lösungen für andere Probleme selbst gekommen.
Erscheint jetzt auch logisch, weil die background-grafik ja eben nur ein Hintergrund ist und die Tabelle nicht wirklich ausfüllt.
Nochmals vielen Dank...!
Gruß, Stephan