CSS Probleme mit Position

  • Hallo Leute,
    Ich hab da ein Problem und zwar,
    ich habe auf meiner Seite folgendes im body stehen gehabt:

    Code
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
    oncontextmenu="return false" scroll="auto">


    nun habe ich versucht das in eine css datei zu schreiben und das sieht dann wie folgt aus:

    Code
    body {
        scrollbar-arrow-color: FFFFFF;
        scrollbar-base-color: 00CCCC;
        background-image: url(hintergrund.gif);
        position: relative; /* NN4 */
        top:      0;           /* NN4 */
        left:     0;            /* NN4 */
        margin:   0;
        padding:  0;        /* Opera */
    }


    Nur leider habe ich jetzt das Problem,
    das wenn eine Seite mit Scrollblaken aufgemacht wir,
    das die etwas weiter nach oben versetzt wird und ich habe keine Ahnung,
    wo drann das liegt und wie ich das beheben kann da ich mich noch nicht so gut mit css auskenne.

    Hier mal ein Beispiel (bei der Seite Schatzy ist das Problem): klick

  • ist das den so überhaupt richtig wie ich das in die css geschrieben habe da bin ich mir auch nciht so ganz sicher.. aber ich werds mal ausprobieren..

    edit: hab das jetzt mal ausprobiert und einen fehler gefunden nur wird die seite schatzy immer noch nach oben versetzt wenn ich die aufrufe..

  • Du musst unbedingt innerhalb deiner mainFrame Seiten ein anderes margin im <body> verwenden wie im Frameset.

    Ansonsten nimmt sich die HTML Datei im mainFrame nach oben hin soviel platz wie möglich - das ist im Vergleich zum Menü genau ein Pixel (siehe Bild).

    [Blockierte Grafik: http://tests.daoc-ds.de/goto/goto/_~h~_www/forum-hilfe/de_~s~_download/php_~~_id_~_1418_~rem~~_.jpg]

    Dies kannst du korrigieren, indem du in allen Dateien die im mainFrame geladen werden den body TAG so abänderst:

    Code
    <body style="margin-top: 1px;">