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

safari und css

Dieses Thema im Forum "Browser" wurde erstellt von strahle, 15.01.06.

  1. strahle

    strahle Gast

    guten tag,
    ich arbeite derzeit an einem stylesheet und der safari macht mir da ein bißchen schwierigkeiten.
    das layout sieht wie folgt aus:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="style_01.css" rel="stylesheet" type="text/css">
    <!--[if lt IE 7]><style type="text/css">
    @media screen {
    html, body {
    height: 100%; overflow-y: hidden;
    }
    #rightBox {
    height: 100%; width: 60%; overflow: auto;
    }
    #leftBox {
    position: static;
    }
    }
    </style><![endif]-->
    <!-- muss in jede datei eingebunden werden, danke lieber ie -->

    </head>

    <body>
    <div id="leftBox">
    INHALT
    </div><!-- leftBox ENDE -->

    <div id="rightBox">
    <div id="content">
    INHALT
    </div><!-- leftBox ENDE -->
    </div><!-- leftBox ENDE -->

    das stylesheet für die beiden divs sind wie folgt definiert:

    #leftBox{
    position: fixed; /*scrollt nicht mit*/
    top: 0%;
    left:0%;
    width: 40%;
    height: 100%;
    background-color: #FFF;
    }
    #rightBox{
    position: absolute;
    top: 0%;
    left: 40%;
    width: 60%;
    height: 100%;
    }

    also kurz gesagt, ein nachempfundenes frameset, nur besser :).
    der linkte teil ist fest und nur der rechte teil scrollt mit.

    zumindest in firefox und durch den hack oben auch im ie.
    beim safari scrollt der linke teil beim herunterscrollen nicht mit, aber nun das problem:

    wenn man wieder hochscrollt dann fängt der inhalt der leftBox, hatte zu testzwecken ein bild und dann eine flash-datei im container, an zu zittern. also er bewegt sich. das sieht gar nicht gut aus.

    kennt da jemand vielleicht eine lösung für oder hat einen brauchbaren tip?

    vielen dank.
     
  2. stk

    stk Grünapfel

    Dabei seit:
    05.01.04
    Beiträge:
    7.141
    Moin,

    vertikale Frames hab ich noch nicht probiert, lediglich fixierte Header und Footer - also horizontale Frames. Angeregt durch http://www.456bereastreet.com/lab/cssframes/. Vielleicht hilft das was?

    Gruß Stefan
     
  3. Toddy

    Toddy Wohlschmecker aus Vierlanden

    Dabei seit:
    10.05.04
    Beiträge:
    240
    Kannst du das evt. online stellen (so, dass der Fehler auftritt), und den Link dazu posten.
    Habe es eben mit deinem Beispielcode probiert und auch ein Bild in "<div id="leftBox">" eingefügt. Es bewegt sich und zittert jedoch nichts.
     

Diese Seite empfehlen