1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

IE6 zerlegt mein Design

Dieses Thema im Forum "Design" wurde erstellt von surfblog.de, 7. Juni 2008.

  1. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
    Hi,

    habe mal wieder IE6-Probleme.

    Auf perfectsurf.de » part of the share-some-waves network müsstet ihr im IE6 direkt sehen, dass die mittlere Spalte unter die linke Spalte gerutscht ist. Jemand 'ne Idee was ich ändern muss damit die wieder in die Mitte rutscht?

    Vielen Dank
     
  2. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    ein eigenes style für den IE 6machen und dabei entweder die Seiten oder die Mitte schmaler machen


    lg
     
  3. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
    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!
     
  4. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
  5. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
    Hi,

    ah okay. Und ich müsste dann innerhalb eines solchen IF IE6 Blockes dann mit important arbeiten?
     
  6. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Wenn du gleiche Regeln hast, dann überschreiben später definierte Eigenschaften später definierte. Beispiel:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    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. :)
     
  7. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
    Noch eine Frage: Im IE7 steht meine Linke Spalte unten etwas über. Wo im style.css kriege ich das denn behoben?

    danke und gruß
     
  8. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
    ...irgendjemand nen Tipp für die Sache mit der linken Spalte unten?

    Danke!
     
  9. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Vor dem schließenden </div>-Tag von #page noch ein
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    einfügen.
     
  10. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
  11. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
    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/themes/branfordmagazine/iestyle.css"type="text/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.
     
    #11 surfblog.de, 6. August 2008
    Zuletzt bearbeitet: 6. August 2008
  12. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    So ists besser:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Betrifft alle IEs bis einschl. Version 6. Passt sich dynamisch an deine Blogverhältnisse an. Außerdem hat ein Leerzeichen vor type= gefehlt.


    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.
     
    #12 marX, 6. August 2008
    Zuletzt bearbeitet: 6. August 2008
  13. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
    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?
     
  14. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Passt schon, ich hab auch mal klein angefangen. ;)

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

    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
     
  15. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
    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?!
     
  16. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
    ...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?
     
  17. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    mache es mal entschieden kleiner

    dann hantel dich rauf

    lg
     
  18. surfblog.de

    surfblog.de Well-Known Member

    Registriert seit:
    7. März 2007
    Beiträge:
    172
    Zustimmungen:
    0
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden