html: Hintergrundbild einzeln und zentriert?

Noerf · 24.04.2003, 00:17

Moin moin,

ich habe folgendes Problem:

Ich möchte auf einer html Seite ein Hintergrundbild anzeigen, welches sich aber bei größeren Auflösungen nicht ständig wiederholt und nebenbei auch noch zentriert ist. Man könnte eine Tabelle nehmen und da das Bild reinpacken, allerdings wird dann immer ein Abstand zum Bildschirmrand von ein paar Pixeln gelassen, was ich aber vermeiden will.

Mit CSS ist das ganze möglich, hab dazu folgendes gefunden

<style type="text/css">
body { background-image:url(hintergrundbild.jpg); background-position:center; background-repeat:no-repeat;}
</style>

was aber bei älteren Netscape Versionen Probleme macht und bei anderen nicht-Microsoft-Browsern vermutlich auch, habs noch nicht getestet.

Gibt es nun eine Möglichkeit das ganze auch anders zu lösen, so dass es mit allen Browsern läuft(zumindest mit den meisten)? JS würde ich gerne umgehen, mag ich nicht und haben auch viele abgeschaltet.

erstma
Thys

Sesa_Mina · 24.04.2003, 03:43

Einfach die ganze seite in einen table verpacken ?

also...

Code:

<body style="magrin: 0;">
<div id=background> <== und da irgendwas mit z-order rein dass es hinten is)
<table width=100% height=100% border=0 cellpadding=0 cellspacing=0>
<tr><td align=center valign=middle><img blabla></td></tr>
</table>
</div>
<div style="position:absolute 0,0 (oder wie auch immer)">
page content
</div>
</body>

pong · 24.04.2003, 06:57

Zitat:

ähem ned ganz

<table width="100%" border="0" cellpadding="0" cellspacing="0">

Zitat:

<body style="margin:0">

pong

Noerf · 24.04.2003, 10:53

Thx, funzt mit NS 4.7 zwar nicht zu 100% aber auf jeden Fall ist es deutlich besser als vorher.

24.04.2003, 00:17	#1
Noerf Master Registriert seit: 23.11.2000 Alter: 43 Beiträge: 529	html: Hintergrundbild einzeln und zentriert? Moin moin, ich habe folgendes Problem: Ich möchte auf einer html Seite ein Hintergrundbild anzeigen, welches sich aber bei größeren Auflösungen nicht ständig wiederholt und nebenbei auch noch zentriert ist. Man könnte eine Tabelle nehmen und da das Bild reinpacken, allerdings wird dann immer ein Abstand zum Bildschirmrand von ein paar Pixeln gelassen, was ich aber vermeiden will. Mit CSS ist das ganze möglich, hab dazu folgendes gefunden <style type="text/css"> body { background-image:url(hintergrundbild.jpg); background-position:center; background-repeat:no-repeat;} </style> was aber bei älteren Netscape Versionen Probleme macht und bei anderen nicht-Microsoft-Browsern vermutlich auch, habs noch nicht getestet. Gibt es nun eine Möglichkeit das ganze auch anders zu lösen, so dass es mit allen Browsern läuft(zumindest mit den meisten)? JS würde ich gerne umgehen, mag ich nicht und haben auch viele abgeschaltet. erstma Thys ____________________________________ The knack of flying is learning how to throw yourself at the ground and miss. Es heißt Fluglotse, ein z kommt in diesem Wort nicht vor.

24.04.2003, 03:43	#2
Sesa_Mina Schwarzfußfrettchen Registriert seit: 28.01.2001 Beiträge: 2.071	Einfach die ganze seite in einen table verpacken ? also... Code: <body style="magrin: 0;"> <div id=background> <== und da irgendwas mit z-order rein dass es hinten is) <table width=100% height=100% border=0 cellpadding=0 cellspacing=0> <tr><td align=center valign=middle><img blabla></td></tr> </table> </div> <div style="position:absolute 0,0 (oder wie auch immer)"> page content </div> </body> ____________________________________ Wann die kan Almdudler ham... \"Es gibt nur einen Weg zur Lunge, und der muss geteert werden, damit der Krebs nicht stolpert!\" http://www.dream.at/gizmo/bunny.gif Image is © 2001 Merle Sterndalsäg.. ähh... jäger

24.04.2003, 10:53	#4
Noerf Master Registriert seit: 23.11.2000 Alter: 43 Beiträge: 529	Thx, funzt mit NS 4.7 zwar nicht zu 100% aber auf jeden Fall ist es deutlich besser als vorher. ____________________________________ The knack of flying is learning how to throw yourself at the ground and miss. Es heißt Fluglotse, ein z kommt in diesem Wort nicht vor.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)