1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Absolute Position verrutscht

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von Lovecraft, 21.04.08.

  1. Lovecraft

    Lovecraft Uelzener Rambour

    Dabei seit:
    21.04.08
    Beiträge:
    374
    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
     

    Anhänge:

  2. hello

    hello Schöner von Nordhausen

    Dabei seit:
    02.07.06
    Beiträge:
    327
    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
     
  3. Lovecraft

    Lovecraft Uelzener Rambour

    Dabei seit:
    21.04.08
    Beiträge:
    374
    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">&nbsp;</p>

    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </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;
    }
     
  4. hello

    hello Schöner von Nordhausen

    Dabei seit:
    02.07.06
    Beiträge:
    327
    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
     
  5. Lovecraft

    Lovecraft Uelzener Rambour

    Dabei seit:
    21.04.08
    Beiträge:
    374
    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...
     

Diese Seite empfehlen