Ergebnis 1 bis 3 von 3
  1. #1
    strahle
    Inaktiv

    safari und css

    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. #2
    stk
    stk ist offline
    Lohrer Rambour Avatar von stk
    Registriert
    01.2004
    Beiträge
    6.884
    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
    Wenn Sie mich suchen, ich halte mich in der Nähe des Wahnsinns auf, genauer gesagt
    auf der schmalen Linie zwischen Wahnsinn und Panik, gleich um die Ecke
    von Todesangst, nicht weit weg von Irrwitz und Idiotie!

  3. #3
    Meraner Avatar von Toddy
    Registriert
    05.2004
    Alter
    29
    Beiträge
    233
    Zitat Zitat von strahle
    [...]wenn man wieder hochscrollt dann fängt der inhalt der leftBox [...] an zu zittern. also er bewegt sich.[...]
    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.

Ähnliche Themen

  1. Safari 2.0.1
    Von m00gy im Forum Browser
    Antworten: 35
    Letzter Beitrag: 23.09.2005, 13:48

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •