nicht angemeldet
hi,
Und entschuldige falls ich mich täusche, aber macht das eine absolute Positionierung nicht unmöglich?
Ja, das macht es.
Ich habe jetzt auf das letzte st. Code, nicht dieses jetzt ein wenig CSS geschrieben, teste es doch einfach mal aus.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SELFHTML Forum</title>
<style type="text/css">
[code lang=css]
* {margin:0;padding:0;} /* <- nicht für den Produktiven Einsatz gedacht */
.x{
margin:35px auto;
width: 960px;
position:relative;
border:4px double #F00;
}
.a {
position:absolute;
top:0;
left:0;
width:960px;
height:200px;
z-index:2;
background:#CCC;
opacity:.5;
}
.a p {
position:absolute;
top:40px;
left:120px;
font-size:3.2em;
}
.b {
margin:0 auto;
display:block;
width:960px;
height:200px;
position:relative;
z-index:1;
background:#000;
}
</style>
</head>
<body>
<!-- Das Bild in Original, nur die grösse stimmt nicht -->
<p> <img class="b" src="http://dj-tut.de/images/tonarm.jpg" alt="" /> </p>
<div class="x">
<img class="b" src="http://dj-tut.de/images/tonarm.jpg" alt="" />
<div class="a"><p>Lorem ipsum dolor</p></div>
</div>
<div class="x">
<img class="b" src="http://dj-tut.de/images/tonarm.jpg" alt="" />
<div class="a"><p>Lorem ipsum dolor</p></div>
</div>
<div class="x">
<img class="b" src="http://dj-tut.de/images/tonarm.jpg" alt="" />
<div class="a"><p>Lorem ipsum dolor</p></div>
</div>
</body>
</html>
[/code]
mfg
Der Martin
Gunnar Bittersmann