Grid Focus 2 und der IE - ARGHHH!!!

  • hallo,

    ich dreh hier gleich noch durch...

    un zwar bin ich gerade dabei das Grid Focus 2 Template von Derek Punsalan - 5ThirtyOne nach meinen Wünschen zu bearbeiten...

    nunja, im FireFox sieht alles so aus, wie ich es mir wuensche... da hab ich mir gedacht, werf mal den IE6 an (weil den leider immernoch viele benutzen) und schau dir die Page mal damit an... und zu meinem Graus, siehts natürlich kacke aus...

    das grösste Problem ist dabei die dritte Navigationsspalte "tertCol":

    Beim FF ist alles an richtiger Stelle, beim IE wird die 3. Spalte aber unter die 2. Spalte gesetzt ("midCol"), alles ist verschoben und vor den Bilderlinks und anderen Links ist jeweils so ein haessliger schwarzer Punkt, wie man das von listen so kennt...

    wie kann ich das fixen? ich will, dass die haesslichen Punkte vor den jeweiligen Links (auch die von den bildern welche verlinkt sind) verschwinden und die 3. Spalte auch ganz rechts ist wo sie hingehoert und nicht unter der 2.

    wie gesagt, beim FF ist alles normal so wie es sein soll...

    hier meine relevanten codes...

    aus der .css

    PHP
    #tertCol{float:left;width:214px;margin:15px 0 0 33px;}
    #tertCol p{color:#777;}
    #elseWhere{margin:0 0 20px 0;}
    #elseWhere h3{margin-bottom:7px;}
    ul#imgLinks{list-style:none;margin:7px 0;}
    #imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0 0 1px;}
    #imgLinks li a img{border:3px solid #EEE;width:208px;height:69px;color:#333;font-weight:bold;}
    #imgLinks li a:hover img{border-color:#DDD;}

    und die third.php:

    bitte helft mir, ich dreh noch durch!

    • 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

  • die Spalten sind zu breit für den IE6

    da musst du extra für den eigene style Angaben machen, am besten im header

    Code
    ul#imgLinks li{list-style:none;margin:7px 0;}

    kann sein, dass vor dem ul noch was anders gehört, weil sich solche Listenpunkte vererben

    vermutlich die ID oder class des übergeordneten Elementes


    lg

  • da musst du extra für den eigene style Angaben machen, am besten im header

    was meinste damit? blicks irgendwie nich :mrgreen:

    Code
    ul#imgLinks li{list-style:none;margin:7px 0;}

    kann sein, dass vor dem ul noch was anders gehört, weil sich solche Listenpunkte vererben

    vermutlich die ID oder class des übergeordneten Elementes

    hab meine ganze .css mal bei nopaste reingesetzt, kannste dir das mal anschauen?

    c5ac849f887d4fd - NoPaste - Paste it here

    waere sehr lieb :)

  • ich sehe die css eh bei mir in meiner Toolbar

    nur dort ist Chaos hoch 7

    dafür kannst Du vermutlich nichts

    durchsuche die style.css nach *img*

    steht dann da wo li img ... also irgendwo ein li davor dann musst Du
    list-style-type:none;

    dazu tippen


    dann sieh Dir den Quellcode der webdesign-in.de an,
    da findest Du wie man für den IE style Angaben macht

    und mache die Boxen schmaler, oder die Bilder drin oder die Videos drin es ist zubreit für den IE6

    lg

  • ok lag daran, dass die bilder irgendwie zu gross für den drecks explorer waren... na toll, jetzt muss ich sie extra kleiner machen was dann aber im FF scheisse aussieht :(

    edit: ok es geht doch mit den styleangaben für den IE :)

    vielen vielen dank für deine hilfe!

    Einmal editiert, zuletzt von cybaGS (6. Mai 2008 um 10:18)

Jetzt mitmachen!

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