✔ div über div

bambid · 17. Januar 2008

Hallo erstmal,
Also gleich zu meinem Problem:

Ich habe ein <div> in welchem ich ein Bild zentriert und fest integriert habe:

Code:

#rahmen{ font-family:arial, verdana, sans-serif; 
background-image: url(../Bilder/sunsetbea.jpg); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: center; 
position: fixed; 
width: 100%; 
height: 100%; 
margin: auto; }

Und nun möchte ich darüber ein <div> mit den Links, welches sich dann immer am gleichen ort über dem Hintergrund befindet.
Doch leider bekomme ich dies nicht hin. Wenn ich das Fenster auf und zu ziehe bewegt sich der <div> auch mit. Da er an dem Fensterrahmen ausgerichtet ist.
Kann ich den darüberliegenden <div> nicht am #rahmen orientieren lassen?

Danke für eine rasche Antwort.

Hier noch schnell das Beispiel:
Hier

MfG bambid

Maik · 17. Januar 2008

Hi,

versuch es mal hiermit:

Code:

html,body {
margin:0;
padding:0;
}

body {
background:#000;
}

#rahmen{
font-family:arial, verdana, sans-serif;
background: url(../Bilder/sunsetbea.jpg);
background-repeat: no-repeat;
position:absolute;
top:50%;
left:50%;
margin-top:-300px;
margin-left:-400px;
width: 800px;
height: 600px;
}

#links {
color: white;
font-size: 16px;
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: left;
}

.links {
color: #fffeeb;
font-size: 18px;
font-weight: bold;
font-style: normal;
line-height: 18px;
text-decoration: none;
}

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>...::: Rhiviera :::...</title>

<link href="basic.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="rahmen">
     <div id="haupt"></div>
     <div id="box">
          <div style="position:absolute;top:224px;left:256px;width:176px;height:288px;">
               <span class="links">Pic's<br>Sponsoren<br>Guestbook<br>Location<br>Links<br>Home</span>
          </div>
     </div>
</div>


</body>
</html>

Möglicherweise stimmen jetzt die Positionsangaben des eingebetteten DIVs nicht mehr, aber du weisst ja am besten, an welcher Stelle über der Grafik die Links sitzen sollen.

✔ div über div

bambid

Mitglied

Maik

Neue Beiträge