Überlagerung von div auf website + css

Status
Nicht offen für weitere Antworten.

blck

Mitglied
Hallo,
ich hab mal eine Frage:
Ich versuche nun schon ewig folgende Situation herzustellen:
Also folgendes Bild, im Hintergrund liegt ein Bild,quasi ein Layout, dadrauf sollen nun in verschd. Containern, wegen der Postionierung, folgende Punkte auftauchen:

Oben auf der Seite der div Logo, dann darunter ein div menü, dann weiter unten im Layout ein main container, der wiederum ein container div reglog enthält und an der Seite befindet sich ein news div.

Mein Problem ist, das ich grade mit der Verschachtelung Probleme habe.
Mitlerweile bin ich soweit das ich alle divs richtig sehe, nur der reglog div lässt er sich nicht mit %-Angaben positionieren.
Hier mal der zugehörige html code und der css file:
Code:
 <div><img src="/layout.jpg" height="100%" width="100%" style=position:fixed></div>
<!--your logo!-->
 <div id="logo">
  Cyrix Blog<br>
  <h3 class="title">--Web 2.0--</h3>
 </div>
<!--your menu!-->
 <div id="menu">
  <h2><a href="/login.php">Login</a>&nbsp;&middot;&middot;&middot;&nbsp;<a href="/reg.php">Registrieren</a></h2>
 </div>
<!--main container!-->
 <div id="main">
  <div id="reglog">
   <font color='red'>
   <form name='login' method='POST' action=''>
	<input type='text' name='username'><br>
	<input type='password' name='passwd'><br>
	<input type='submit' value='Login'>
   </form>
   <a href='reg.php'>Registrieren</a>
   </font>
  </div>
 </div>
<!--right container!-->
 <div id="news">
  <h2 class="title"> NEWS </h2>
	<marquee direction="down" scrolldelay="120" height="750px">
	Hier laufen demn&auml;chst<br>
	Info's rund um das Web 2.0.
	</marquee>
 </div>
und der *.css file:
Code:
div#logo
{
position: absolute;
font-size: 40px;
top: 5%;
left: 45%;
z-index: 2;
}

div#menu
{
position: absolute;
top: 13%;
left: 45%;
z-index: 2;
color: #6f6f6f;
}

div#main
{
position: absolute;
top: 18%;
left: 5%;
font-size: 18px;
z-index: 2;
}

div#reglog
//Änderung
{
position: absolute;
left: 500px;
top: 50px;
z-index: 3;
}

div#news
{
position: absolute;
right: 12%;
top: 18%;
font-size: 18px;
z-index: 3;
}
Schon mal vielen Dank im Vorraus,
Blck

PS: Hoffe das war verständlich! ;)
(Problem noch nicht gelöst)
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.
Zurück