HTML Tabelle auf zentrierte Hintergrundgrafik setzen

M

Mac-G

Herzlich willkommen!
Hätte mal eine Frage...

Ich würd gern bei ner Startseite eine Grafik, welche von Rot ins Weiß übergeht als Hintergrund nehmen - und das allesdings so platzieren, dass egal bei welcher auflösung, das bild immer komplett im Browser dargestellt wird...

Habe ich ganz einfach so gemacht:

Code: 
<body bgcolor="#FFFFFF" text="#000000">
<div>
<img src="images/background_gasthaus.jpg" width="100%" height="100%">
</div>
</body>

Soweit so gut... Für die Formatierung möchte ich nun Tabellen verwenden - Da soll zB links oben eine Grafik rein / links eine navigationsleiste weiß ich alles noch nicht - mal schaun...

Jedefalls schaffe ich es nicht in die Mitte darauf eine Tabelle zu setzen weil es mir die Tabelle immer unterhalb der Grafik einfügt - logischerweise...

ich weiß, ich sollte mehr an pferde und net an zebras denken... aber ich fang gleich an zu heulen :cry:
 
Danke - den kenne ich - aber dann wird der hintergrund nach der größe der pixel generiert - ich möchte aber das es sich immer der jeweiligen auflösung anpasst - kann ich das da auch mit width="100" machen?
 
background Bilder lassen sich in HTML nicht skalieren.


Ausweg:
Ein DIV bauen und in diesem ganz normal ein IMG mit prozentualer Größe einsetzen, so wie Du das gemacht hast. Dann ein 2. DIV position:absolute; mit z-index:9999; und top:0px; left:0px; erstellen und darein den ganzen Seiteninhalt,so wie man das ansonsten im Body machen würde. In diesem DIV und bei allen seinen Kindelementen alle Hintergründe auf transparent setzen.
 
Also, falls es intressiert - ich habe es nun so gelöst:

Hab nen css erstellt, und das Hintergrundbild auf 1px gestellt:

Code: 
body {
	background-color: #FFFFFF;
	background-image: url("../images/bg.jpg");
	background-repeat: repeat-x;
	}
 
Ah, es war also kein Bild welches einfach so skaliert werden sollte, sondern ein ganz normaler Verlauf in einer Richtung, der in x-Richtung gekachelt werden sollte - das ist natürlich ganz was anderes...
 
naja, vorher "wusste" ich nicht das ich es auch so kacheln kann, bzw. hab ich net daran gedacht - hab ca. 1 Jahr pause gehabt von html/css programmierung - daher muss ich mich da erst wieder bissl reinfühlen^^

anyway - trotzdem vielen dank!
 
Bitte fang gar nicht erst an irgendwelche Tabellen zu lernen, das wirst du nie wieder brauchen,Tabellen sind out, veraltet, unkonventionell, nicht standardgemäß...
versuche deine Probleme am besten durch semantisches HTML und CSS zu lösen.

PS:
background Bilder lassen sich in HTML nicht skalieren.
Zum Vergrößern anklicken....
mit CSS3 sollte es aber gehen.
 
Jochen 11 schrieb:
Bitte fang gar nicht erst an irgendwelche Tabellen zu lernen, das wirst du nie wieder brauchen,Tabellen sind out, veraltet, unkonventionell, nicht standardgemäß...
Zum Vergrößern anklicken....

@Mac-G

glaub ihm kein Wort ;)
Tabellen brauchst du immer dann, wenn Tabellen gebraucht werden. :D

Fürs Design sollten sie aber heute nicht mehr verwendet werden.
 
Jochen 11 schrieb:
mit CSS3 sollte es aber gehen.
Zum Vergrößern anklicken....
Ja, nachdem der Standard ein Standard geworden ist, was er noch lange nicht ist, ist und dann vielleicht 5 Jahre später, bis es endlich alle großen Browser halbwegs fehlerfrei hin bekommen. Momentan können sie nicht mal CSS2.1 vollständig und bis auf ganz wenige Elemente werden alle auch Bestandteil der 3er Norm sein. Erstmal die Basis solide hinbekommen, dann den "Fancy Stuff".

BTW: Derzeit kann es nur ein einziger Browser und der auch nur dann, wenn das Hintergrundbild als SVG eingebunden wurde ;)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Oben