Absolute Position verrutscht

Lovecraft · 21.04.08

Hallo,

ich habe ein Sprymenue in einen div Layer "absolute Position" positioniert.
Im hintergrund ist einfach nur eine Farbe und darauf ein JPEG - Bild.
So.. in Dreamweaver ist alles bestens, im Browser rutscht das Menue immer ca. 3 cm nach oben. Woran liegt das?
Es ist ja noch nichts weiter auf der Seite nur der homogene Background mit einem Bild - alles im Hintergrund und der Container mit dem Sprymenue als Inhalt absolute positioniert.
Wieso bleibt es nicht dort, wo es auch in Dreamweaver ist?
Im Anhang die beiden Darstellungen!

Vielen Dank im voraus

hello · 21.04.08

hmm...ich kenne mich in der WYSIWYG-ebene nicht so gut aus, ich benutze nur die code-ebene (mx 2004 professional)...aber ich denke man kann dir eher helfen wen man den code sieht..da man ja an hand dieser screenshots die einzelnen konfigurationen der elemente nicht sieht...
mfg
manuel

Lovecraft · 21.04.08

hier der HTML-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>Unbenanntes Dokument</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="apDiv1">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Element 1</a>
<ul>
<li><a href="#">Element 1.1</a></li>
<li><a href="#">Element 1.2</a></li>
<li><a href="#">Element 1.3</a></li>
</ul>
</li>
<li><a href="#">Element 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Element 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Element 3.1</a>
<ul>
<li><a href="#">Element 3.1.1</a></li>
<li><a href="#">Element 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Element 3.2</a></li>
<li><a href="#">Element 3.3</a></li>
</ul>
</li>
<li><a href="#">Element 4</a></li>
<li><a href="#">Unbenanntes Element</a></li>
<li><a href="#">Unbenanntes Element</a></li>
</ul>
</div>
<p align="center"> </p>

<script type="text/javascript">

</script>
</body>

</html>

hier der css-code:

@charset "ISO-8859-1";
body {
background-repeat: no-repeat;
position: absolute;
background-color: #fefbe8;
background-position: center;
background-attachment: fixed;
background-image: url(../images/Homepage1.jpg);
}
#apDiv1 {
position:relative;
left:325px;
top:319px;
width:747px;
height:54px;
z-index:1;
}

hello · 21.04.08

also wen ich den code so ein bisschen überfliege fällt mir vorallem folgendes auf:
du hast gesagt: ich habe ein Sprymenue in einen div Layer "absolute Position" positioniert.
aber in deinem code steht volgendes:
#apDiv1 {
position:relative;
left:325px;
top:319px;
width:747px;
height:54px;
z-index:1;
}

ich weiss nicht ob das scho die lösung ist..aber das ist mir so alls erstes aufgefallen

Lovecraft · 21.04.08

Nein, das ist leider nicht die Lösung, da hatte ich nur rumprobiert mit absolute und relative. Mir ist noch aufgefallen im Browser ist die Darstellung nicht nur nach oben sondern auch weiter links positioniert.
Stimmt überhaupt nicht. Ist schon sehr merkwürdig, habe im Moment keinen Plan...

Suche

Suche

Absolute Position verrutscht

Lovecraft

Uelzener Rambour

Anhänge

hello

Schöner von Nordhausen

Lovecraft

Uelzener Rambour

hello

Schöner von Nordhausen

Lovecraft

Uelzener Rambour

Wir schützen Ihre Privatsphäre

Informationen auf einem Gerät speichern und/oder abrufen

Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen (Optionale Cookies)

Datenübermittlung an Partner in anderen Staaten (Drittanbieter-Cookies)