Div in Div mit Hintergrundbildern

[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'