Div in Div mit Hintergrundbildern

[theriver]

Hallo ihr Lieben (:

Ich habe ein Problem mit den DIVs, oder vielleicht bin ich auch nur zu blöd...also. Weil die tables nicht so viel schlucken wie die DIVs, möchte ich als Tabellenersatz halt den DIV nehmen. Sowohl dieser, als auch der zweite DIV im DIV sollen Hintergrundbilder haben.

Bisher bin ich so weit:

<div style="text-align: center; margin: auto; background: url(http://i56.tinypic.com/28j89qf.png); width: 500px">

<div style="text-align: center; margin: auto; background: url(http://i53.tinypic.com/1y4a2o.jpg); width: 450px">

text...

</div></div>

So weit klappt auch alles, nur ist der untere Rand des größeren Hintergrund bildes jetzt verschluckt und es sieht abgeschnitten aus. (Siehe hier) Und jetzt meine Frage...wie bekomme ich das hin, das unten auch der dunkle Rand ist, den das Hintergrundild des ersten DIVs bildet?

Liebe Grüße
=)

[Matthias Apsel]

Om nah hoo pez nyeetz, theriver!

Ich habe ein Problem mit den DIVs, oder vielleicht bin ich auch nur zu blöd...also. Weil die tables nicht so viel schlucken wie die DIVs, möchte ich als Tabellenersatz halt den DIV nehmen.

Sich von Tabellenlayout zu trennen bedeutet, sich vom Tabellenlayout zu trennen - grundsätzlich.

Denke zuerst ausschließlich an die Inhalte, suche passende Elemente.

Viel später kannst du dich um die Hintergründe kümmern. Die gute Nachricht: Fast alle aktuellen Browser beherrschen multiple Hintergründe.

Matthias

[theriver]

Huhu,

Danke für die schnelle Antwort. Naja, also eigentlich hat das ganze ja noch Tabellenform am Ende. ^^ Irgendwie steig ich da noch nicht so durch, auch nicht mit den Erklärungen...am besten frag ich morgen mal direkt bei einem Kumpel nach. x)
Merci beaucoup für die Links trotzdem.

Liebe Grüße =)

[Matthias Apsel]

Om nah hoo pez nyeetz, theriver!

Danke für die schnelle Antwort. Naja, also eigentlich hat das ganze ja noch Tabellenform am Ende. ^^ Irgendwie steig ich da noch nicht so durch, auch nicht mit den Erklärungen...am besten frag ich morgen mal direkt bei einem Kumpel nach. x)

Du darfst die Seite gern auch hier verlinken.

Matthias

[Gunnar Bittersmann]

@@theriver:

nuqneH

Weil die tables nicht so viel schlucken wie die DIVs

Häh??

Sowohl dieser, als auch der zweite DIV im DIV sollen Hintergrundbilder haben.

Die Abstufungen im Schwarz sind fürs menschliche Auge wohl nicht ersichtlich; das kann man getrost auch einfarbig machen (oder um doch leichte Unterschiede zu erzielen den Hintergrund mit seinen leicht unterschiedlichen Helligkeitswerten etwas durchs Schwarz durchscheinen lassen). Dann ist nur ein div mit innerem (border) und äußerem (outline) Rahmen und nur ein Hintergrundbild erforderlich:

Markup:

<div>text…</div>

Stylesheet:

div  
{  
	background: #EEE url(http://i53.tinypic.com/1y4a2o.jpg);  
	border: 25px solid #191514;  
	border: 25px solid rgba(2, 1, 0, 0.9);  
	color: #BBB;  
	margin: 25px auto;  
	outline: 10px solid #808080;  
	padding: 25px;  
	text-align: center;  
	width: 400px;  
}

Qapla'