Keine Scrollbar im IE

  • HALLO LIEBE SUPPORTGEMEINDE :smile:

    ICH BRAUCHE BITTE EURE HILFE, DA ICH SELBER NOCH ANFÄNGER BIN.

    WIR ARBEITEN GERADE AN DIESER SEITE HIER, DIE UNS FREUNDLICHERWEISE ALS "GERÜST" ZUR VERFÜGUNG GESTELLT WURDE.
    http://www.waynejackson-fanspace.de


    LEIDER LÄUFT DAS GANZE NICHT IM IE,
    DIE SEITE SITZT FEST UND LÄSST SICH NICHT BEWEGEN :sad:
    AUF FIREFOX FUNKTIONIERT ES PERFEKT, DER BLOG ROLLT ÜBER DAS HINTERGRUNDBILD... SO WIE ES AUCH SEIN SOLLTE.

    NACH VIELEM LESEN BIN ICH NUN NOCHMEHR VERWIRRT WIE VORHER :oops:

    KÖNNTE ES DARAN LIEGEN, DASS IM STYLE_IE.css
    DIE POSITION ABSOLUTE EINGETRAGEN IST?

    DARF ICH DAS ABSOLUTE RAUSNEHMEN, OHNE DABEI ETWAS ZU ZERSTÖREN?

    #main {
    z-index: 3;
    width: 530px;
    height: auto;
    margin: auto;
    left: 175px;
    top: 25px;
    position: absolute;
    clear: both;
    display: inline;

    DANKE FÜR EURE HILFE UND ANREGUNGEN !!!

    Einmal editiert, zuletzt von Coco72 (12. April 2010 um 20:06)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Bevor ich zur (vermeindlichen) Lösung komme zwei Bitten:

    a) Falls bei Dir die Caps-Lock-Taste nicht hängen geblieben ist, verwende bitte die Großschreibung. Sonst würde das ja gemeinhin "Schreien" bedeuten und dafür ist glaub ich kein Grund vorhanden. Liest sich außerdem verdammt schwer.
    b) Es gibt einen Code-Button. Diesen bitte verwenden. Insgesamt ist es für alle einfacher, wenn der Thread leicht lesbar ist.

    Ad position) Habe jetzt keine IE mit Dev-Toolkit und kann nur raten um was es geht. Daher: Ich denke, da ist dem Entwickler ein Fehler unterlaufen. Verwende doch einmal "relative" statt "absolute". Dann sollte alles passen.

  • Ah, was auch noch sein könnte: Nimm doch einmal die overflow-Geschichte, beim body raus. Braucht niemand, weil der body sowieso die ganze Seite einnimmt. Genauso kannst du den bg-Container fürs Hintergrundbild löschen und einfach dem body ein background-image zuweisen. Das erspart Dir die ganze z-index Sache, die garantiert auch irgendwann einmal ein Problem wird, wenn mehrere neue Elemente zur Seite hinzu kommen.

  • Danke für deine Hilfe !

    Es ist noch nicht perfekt, aber nun ist die Scrollbar wenigstens da.
    Nur leider lässt sich der Blog immer noch nicht komplett rollen, er bewegt sich höchsten ein paar Millimeter.

  • Übrigens, die linke Spalte nennt sich #right :mrgreen:

    Andere Sachen:
    * Die linke Spalte hat float: left; die rechte Spalte nicht. Dafür hat die wieder ein clear: both; (sollte eher none bei beiden sein) und float: left; fehlt.
    * Die linke Spalte hat: margin-left: 10px; position: fixed, top: 30px. Sollte eher: position: fixed; top: 30px; left: 10px; sein.

    Ganz ehrlich: Die Seite ist vom Css her (und den Teil zensurier ich gleich einmal selbst). Nicht böse sein, aber da ist das Bug-Tracking eigentlich unmöglich, weil es nix ohne Bugs gibt. zB wenn Du den div#bg löscht hauen auch alle Font-Definitionen (Größe) ab, weil der Rest scheinbar inherit darauf ist. Ich denke neu machen wird einfacher und weniger Zeit raubend sein, als da herum zu doktorn.

    ---------------

    Edit: Hab mir die Style.css jetzt noch einmal angesehen. Das schaut mir sehr "gewachsen" aus, also php-Tempaltes geschrieben und dann Stück für Stück die css-Datei ergänzt. Da sind extrem viele Html-Elemente einzeln und global angesprochen, was garantiert zu Konflikten führt. Weiters sind da einige Dinge doppelt drinnen, bzw. werden durch steigende Spezifität Dinge überschrieben oder greifen so einfach nicht... Erhlich: Neu machen ist ein nett gemeinter Rat.

    Firebug laden! Foreregeln bitte lesen. FAQ. Bitte keine Anfragen per PN.

    Einmal editiert, zuletzt von kaiser (12. April 2010 um 21:18)

  • Dann ist der Blog raus.

    Viel Spass beim Bierchen... möchte dich nicht aufhalten.
    Ich probiere weiter.

    Trotzdem schonmal Danke für die ersten Ansätze.

  • Ja, ich weiss... Rechts ist da, wo der Daumen links ist (o;

    Neu schreiben kommt für mich wohl vorerst nicht in Frage,
    dazu bin ich noch zu unerfahren mit diesen Dingen. Leider :sad:

    Aufgegeben wird tortzdem nicht.

  • Versuch mal... right und main in ein übergeordnetes Div zu packen
    und diesem als positionsangabe relativ zu verpassen, das könnte
    dein Problem lösen.

    In etwa so:

    HTML
    <div id="bg">
        <!-- Dein Hintergundbild -->
    </div>
    <div id="content" style="position:relativ;">
        <div id="right"><!-- Deine Navigation --></div>
        <div id="main"><!-- Dein Inhalt --></div>
    </div>
  • Wenn das nicht hilft...

    Entferne in der style_ie.css für [COLOR="Blue"]html[/COLOR] und [COLOR="Blue"]body[/COLOR] das [COLOR="Blue"]overflow-x[/COLOR] und [COLOR="Blue"]overflow-y[/COLOR] und füge bei [COLOR="Blue"]body[/COLOR] stattdessen dies hinzu:

    Code
    background-attachment: fixed;

    Dann noch die [COLOR="Blue"]background-color[/COLOR] für [COLOR="Blue"]body[/COLOR] anpassen und das dürfte es dann gewesen sein.

    EDIT: Ich seh gerade, dass es im IE7 noch nicht ganz hinhaut. Der IE8 scheint da etwas kulanter zu sein...

    Einmal editiert, zuletzt von mfitzen (12. April 2010 um 22:29)

  • Stellt euch vor, meine Mundwinkel reichen bis zu den Ohren.

    Vielen Dank, das mit dem background attachement hat funktioniert.

    Ich bin total happy....
    Vielen vielen Dank für eure Zeit und eure Hilfe.

    Liebe Grüsse
    und ein freudiges Knütscherchen
    Coco

  • Ja, aber der IE8 produziert im Kompatibilitätsmodus immer noch eine horizontale Scrollbar. Setze mal in #main die position auf absolute statt relative.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!