✔ Ebenen übereinander; Position nicht absolut

Hi!
Ich versteh leider nicht genau wo.
Unten im body Bereich stehen alle Layer mit dem div /div Kürzel drin, oder? Was mach ich falsch?

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>New Bretagne Entertainment</title>
<style type="text/css">
<!--
#Layer1 {
	position:relative;
	width:300px;
	height:115px;
	z-index:4;
	margin: 25px auto 0;
}
.style10 {font-size: 16px}
.style2 {font-size: 24px}
#Layer2 {
	position:absolute;
	width:162px;
	height:334px;
	z-index:1;
	left: -470px;
	top: 106px;
	visibility: visible;
}
.style14 {font-size: 20px}
body {
	background-color: #FFFF33;
}
#Layer3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
	left: 6px;
	top: 14px;
}
#Layer4 {
	position:relative;
	width:775px;
	height:3155px;
	z-index:2;
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#Layer5 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 179px;
	top: 102px;
	background-color: #FFFFFF;
}
.style23 {font-size: 30px}
.style24 {font-size: 17px; }
.style25 {font-size: 14px}
.style28 {font-size: 19pt; color: #000099; }
#Layer6 {
	position:absolute;
	width:117px;
	height:112px;
	z-index:6;
	right: -83px;
	top: -175px;
	visibility: visible;
	left: 98%;
}
.style29 {font-size: 23px}
#Layer7 {
	
	width:200px;
	height:115px;
	z-index:1;
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
#Layer8 {
	position:absolute;
	width:97%;
	height:600px;
	z-index:1;
	left: 0px;
	top: 9px;
	background-color: #FFFFFF;
}
.style30 {font-size: 12px; }
-->
</style>
</head>

<body>
<div id="Layer1">
   <div align="center"><span class="style2"><span class="style23">Round n+1</span><br />
     <span class="style14">immer in Essen, mit Freunden</span> </span><br />
  </div>
  <div id="Layer2">
    <p>info<em> </em><span class="style28"><em>N</em>ew Bretagne</span><br />
<span class="style25"><br />
  das sind: Phillip Aumann, <br />
  Nico Burger, Frieder Haller,  Susanne Hefti, Anna-Lisa H&ouml;gler,  Dagobert J&auml;ger, Tom Marriott, Fabian Preuschoff,  Phung-Tien Phan, David R&ouml;der,  Alexander Sch&ouml;pfel, Jakob Schreier, Lara Steineman  und Niklas Taleb</span></p>
  </div>
    <div align="center"><span class="style10"><a href="newbretagne@gmail.com">Kontakt</a></span></div>
</div>
<div id="Layer8"></div>
<div id="Layer4">
  <blockquote>
      <p class="style29">Besucht uns bald in unserem neuen Zuhause!</p>
  </blockquote>
  <p align="center" class="style29"><img src="brady-the-brady-bunchXX.jpg" width="680" height="486" /></p>
  <blockquote>
    <p class="style30">    von oben nach unten: <br />
      Lara S, Phillip A, Naomi P, Fabian P, Niklas T, Frieder H, Phung-Tien P, Anna-Lisa H, Alexander S. </p>
    <p class="style29"><br />
      <br />
      <br />
      Round&quot;ZWEI&quot; DAGOBERT + Okin Cznupolowsky&amp;Aber Jakob<br />
      01. Februar 2013<br />
      Rellinghauser Str. 269, Essen(45136)</p>
    <div id="Layer6"><img src="Bildschirmfoto 2012-12-19 um 22.09.39150px.jpg" width="110" height="106" /></div>
    <p class="style24">Sehr geehrte Damen und Herren!</p>
    <p class="style24">zum neuen Jahr erm&ouml;glicht <em>NEW BRETAGNE ENTERTAINMENT</em> Ihnen f&uuml;r <em>ROUND 2</em> unserer Ausstellungs- und Veranstaltungsreihe ein musikalisches Abendprogramm der besonders Extraklasse! In noch nie dagewesener Konstellation betreten 3 K&uuml;nstler aus Berlin und M&uuml;nchen die selten betretene B&uuml;hne des ehemaligen &quot;Funny People&quot; in Essen.</p>
    <p class="style24">Wir haben die gro&szlig;e Freude ein Konzert von S&auml;nger DAGOBERT (Berge/Berlin) ank&uuml;ndigen zu d&uuml;rfen. Das Vorprogramm bildet das mit ebenso gro&szlig;er Spannung erwartete Musiker-Entertainer-Duo Okin Cznupolowsky &amp; Aber Jakob (M&Uuml;NCHEN)</p>
    <p><span class="style24">Wir laden Sie herzlich ein sich am 01.02.2013 um 20 Uhr in der Rellinghauser Str. 269 in Essen(45136) einzufinden um an diesem Event teilzunehmen!<br />
      </span><br />
    </p>
    <p class="style25">Kosteproben und weiter Information: </p>
  </blockquote>
  <p align="center"><iframe width="560" height="315" src="http://www.youtube.com/embed/boymXRQV92w" frameborder="0" allowfullscreen></iframe>
  </p>
  <blockquote>
      <p><span class="style25">Dagobert<br />  
        <a href="http://www.facebook.com/DagobertOfficial?ref=ts&amp;fref=ts">http://www.facebook.com/DagobertOfficial?ref=ts&amp;fref=ts</a><br />
      Okin Cznupolowsky&amp;Aber Jakob <br />
        <a href="http://serbischerstudent.de/">http://serbischerstudent.de/</a><br />
        <a href="http://www.facebook.com/cznupolowsky?ref=ts&amp;fref=ts">http://www.facebook.com/cznupolowsky?ref=ts&amp;fref=ts</a></span><br />
      </p>
    <p><br />
    </p>
    <p>&nbsp;</p>
    <p><span class="style29">ROUND1 Keine Tricks<br />
      29. November &ndash; 09. Dezember 2012 <br />
      Steeler Str. 112, Essen(45139) </span><br />
      <span class="style24"><br />
      Auftakt der Ausstellungs- und Veranstaltungsreihe mit 10 jungen K&uuml;nstlerInnen aus Essen(45139),                                                                      Osten(Leipzig) und &Uuml;bersee(London).                                                                      Trotz Folkwangtypischem Fokus auf Fotografie werden Sie es auch mit &auml;lteren Medien wie Zeichnung                                                                      oder einfach nur Licht zu tun bekommen. Auch:Video.                                                                      Wir ersparen uns und Ihnen die Beschr&auml;nkungen, die ein streng abgestecktes Thema mit sich bringt.                                                                      Stattdessen. Mut zum Mut. Was kann das (fotografische)Bild noch leisten?                                                                      No Topographics? Erstmal leisten, dann weitersehen.                                                                                                                                                     <br />
      Mit: Phillip Aumann, Frieder Haller, Susanne Hefti, Anna-Lisa H&ouml;gler, Tom Marriott, Fabian Preuschoff,                                                                      Phung-Tien Phan, David R&ouml;der, Alexander Sch&ouml;pfel, Lara Steineman und Niklas Taleb </span></p>
    <p class="style25">Einiges von uns<br />
      <a href="http://newbretagne.de/publikFERTIG1.pdf">Round 1 Keine Tricks Publikation 1</a></p>
  </blockquote>
  <p><img src="_MG_4454.jpg" width="377" height="254" /><img src="kunst1.jpg" width="398" height="246" /><img src="_MG_4347 400px.jpg" width="390" height="260" /><img src="_MG_4361.jpg" width="381" height="253" /><img src="_MG_4497 400px.jpg" width="375" height="255" /><img src="_MG_4489.jpg" width="400" height="277" /></p>
  <p>&nbsp;</p>
  <p align="center">
    <iframe width="560" height="315" src="http://www.youtube.com/embed/cjHAFG_Ik7k" frameborder="0" allowfullscreen></iframe>
  </p>
</div>
<div align="center" class="style25">
  <p>NEW to da BRET EASTON ELLIS AGNE<br />
     <br />
  </p>
</div>
</body>
</html>
 
Aus

HTML: 
<div id="Layer1">
   <div align="center"><span class="style2"><span class="style23">Round n+1</span><br />
     <span class="style14">immer in Essen, mit Freunden</span> </span><br />
  </div>
  <div id="Layer2">
    <p>info<em> </em><span class="style28"><em>N</em>ew Bretagne</span><br />
<span class="style25"><br />
  das sind: Phillip Aumann, <br />
  Nico Burger, Frieder Haller,  Susanne Hefti, Anna-Lisa H&ouml;gler,  Dagobert J&auml;ger, Tom Marriott, Fabian Preuschoff,  Phung-Tien Phan, David R&ouml;der,  Alexander Sch&ouml;pfel, Jakob Schreier, Lara Steineman  und Niklas Taleb</span></p>
  </div>
    <div align="center"><span class="style10"><a href="newbretagne@gmail.com">Kontakt</a></span></div>
</div>

wird

HTML: 
<div id="Layer1">
   <div align="center"><span class="style2"><span class="style23">Round n+1</span><br />
     <span class="style14">immer in Essen, mit Freunden</span> </span><br />
  </div>
    <div align="center"><span class="style10"><a href="newbretagne@gmail.com">Kontakt</a></span></div>
</div>
  <div id="Layer2">
    <p>info<em> </em><span class="style28"><em>N</em>ew Bretagne</span><br />
<span class="style25"><br />
  das sind: Phillip Aumann, <br />
  Nico Burger, Frieder Haller,  Susanne Hefti, Anna-Lisa H&ouml;gler,  Dagobert J&auml;ger, Tom Marriott, Fabian Preuschoff,  Phung-Tien Phan, David R&ouml;der,  Alexander Sch&ouml;pfel, Jakob Schreier, Lara Steineman  und Niklas Taleb</span></p>
  </div>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück