IE6 zerlegt mein Design

    • Gerade eben
    • 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

    ein eigenes style für den IE 6machen und dabei entweder die Seiten oder die Mitte schmaler machen


    lg

    Hi,

    danke für die Hilfe schon einmal.

    Kann mir vllt irgendjemand sagen, wie ich diese Anweisung für den IE6 in mein Stylesheet setze?

    Bin kompletter learning by doing Mensch und meine da irgendwas mit ner Kommentarzeile für den IE in Erinnerung zu haben, so nach dem Motto "Wenn du der IE6 bist, dann tu folgendes"

    Wie würde diese Zeile bei mir aussehen müssen?

    Vielen Dank!

    Wenn du gleiche Regeln hast, dann überschreiben später definierte Eigenschaften später definierte. Beispiel:

    Code
    /* style.css */
#content p img {
display:block;
}


/* ie6.css */
#content p img {
display:none;
}


    Wenn du also das Stylesheet für den IE6 später als die normale style.css im Quellcode definierst, dann überschreiben Regeln dort die gleichen Regeln aus der style.css. Das kannst du ausnutzen und benötigst kein !important.
    (Im Beispiel würden alle Browser das bild mit display:block anzeigen, außer der IE6, der durch einen Conditional Comment ein eigenes Stylesheet ie6.css erhält. Der bekommt das Bild dann per display:none ausgeblendet.)

    Hoffe ich hab das jetzt verständlich erklärt. :-)

    Sorry,

    ich schon wieder. Ich verzweifle langsam. Ich habe jetzt eine Kopie des style.css gemacht und iestyle.css genannt. Dann habe ich den Header von WP diese IF IE 6 Abfrage eingebaut.

    <!--[if IE 6]>
    <link rel="stylesheet" href="http://www.perfectsurf.de/wp-content/the…ype=%22text/css" media="screen" />
    <![endif]-->

    das klappt aber trotzdem noch nicht?! Ich habe natürlich im iestyle.css die linke und mittlere Spalte jeweils 5px schmaler gemacht.

    Sieht irgendjemand was ich da falsch mache?

    Vielen Dank.

    p.s. das mit dem Überstehen unten links klappt jetzt aber anscheinend.

    Einmal editiert, zuletzt von surfblog.de (6. August 2008 um 16:32)

    So ists besser:

    PHP
    <!--[if lte IE 6]>
<link rel="stylesheet" href="<?php bloginfo('template_url') ?>/iestyle.css" type="text/css" media="screen" />
<![endif]-->


    Betrifft alle IEs bis einschl. Version 6. Passt sich dynamisch an deine Blogverhältnisse an. Außerdem hat ein Leerzeichen vor type= gefehlt.


    Zitat

    Sieht irgendjemand was ich da falsch mache?


    Die Startseite hat einige Markup-Fehler, die machst du erstmal raus. Dann guckst du, wo die Leerzeile vor <!DOCTYPE> her kommt. Durch die wird der IE6 nämlich in den Quirksmode geschickt, in dem er das Boxmodell anders interpretiert. Vielleicht klappt schon alles, wenn die Leerzeile am Anfang weg ist.

    Hi,

    vielen Dank für deine Geduld. Bin wie gesagt Selbstlerner, darum verzeih die Fehler...

    Die Leerzeile vor dem Doctype habe ich weggemacht. Die IE Abfrage habe ich geändert (allerdings glaub ich war da bei dir was falsch, ich habe das PHP-Dings noch "zu" gemacht?)

    Wo sehe ich denn die Markup-Fehler?

    Zitat von surfblog.de

    vielen Dank für deine Geduld. Bin wie gesagt Selbstlerner, darum verzeih die Fehler...


    Passt schon, ich hab auch mal klein angefangen. ;-)

    Zitat

    Die IE Abfrage habe ich geändert (allerdings glaub ich war da bei dir was falsch, ich habe das PHP-Dings noch "zu" gemacht?)


    Stimmt, sorry. Ich habs auch oben geändert.

    Zitat

    Wo sehe ich denn die Markup-Fehler?


    Hier z.B.:
    [Invalid] Markup Validation of http://www.perfectsurf.de/ - W3C Markup Validator

    Im Firefox hab ich dafür ne Erweiterung:
    Html Validator for Firefox and Mozilla

    Wow, von über 35 auf 7 runter :)

    Das mit leadpic krieg ich nicht ganz hin. Die ID befindet sich in einer Schleife und wenn ich sie komplett raus nehme, dann ändert sich das Design meiner Slideshow. Was könnte ich denn da machen?

    Und mit der Sidebar blicke ich auch nicht so ganz durch?!

    ...die mittlere Spalte ist übrigens immer noch verschoben... hmmm. Sicher, dass das was mit der Spaltenbreite zu tun hat? Muss ich da jetzt einfach rumraten bei den Werten oder kann ich das anders angehen?

    Zitat von surfblog.de

    ...die mittlere Spalte ist übrigens immer noch verschoben... hmmm. Sicher, dass das was mit der Spaltenbreite zu tun hat? Muss ich da jetzt einfach rumraten bei den Werten oder kann ich das anders angehen?


    mache es mal entschieden kleiner

    dann hantel dich rauf

    lg

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden