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

Problem mit der Sidebar

Dieses Thema im Forum "Design" wurde erstellt von mat, 22. August 2007.

  1. mat

    mat Member

    Registriert seit:
    22. August 2007
    Beiträge:
    9
    Zustimmungen:
    0
    Hallo zusammen,

    ich habe ein Theme auf mein Wordpress-BLOG geladen und dieses ein bischen zurecht geschnitten.

    Nun sieht es in Firefox genau so aus, wie ich es haben will.
    Leider verschiebt der IE meine "Widgets" immer nach rechts, so sind sie direkt über dem Textfeld.

    Ich hätte diese natürlich gerne in beiden Browsern am richtigen Ort...

    Ich hoffe Ihr könnt mir helfen und besten Dank schonmal ! :)

    Hier meine Stylesheet:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  2. mat

    mat Member

    Registriert seit:
    22. August 2007
    Beiträge:
    9
    Zustimmungen:
    0
    Also wenn ich diese Zeilen entferne ist der Inhalt der Sidebar zwar wieder in der Table, allerdings ist er gute 100px zu weit unten...

    Zeilen entfernt (rot geschrieben):

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  3. redcat63

    redcat63 Well-Known Member

    Registriert seit:
    31. März 2006
    Beiträge:
    1.036
    Zustimmungen:
    0
    Hallo mat,

    Dein Code:
    M.E. dürfte die Zeile position: absolute; nichts mit Deinem Problem zu tun haben.

    Ändere dafür mal die folgenden Angaben:
    margin: 0px 0px 20px 5px;
    padding: 20px;

    Meine Erfahrung zeigen, dass der IE die left-und right werde merkwürdigerweise verdoppelt.
    Teste deswegen mal folgendes, allerdings ohne Gewähr ;) :

    margin: 0px 0px 10px 5px;
    padding-left: 10px;
    padding-top:20px;
    padding-right:10px;

    margin: 0px 0px 20px 5px !important; /* versteht der ie nicht */
    padding: 20px !important; /* versteht der ie nicht */


    Probiere einfach mal etwas herum.

    Und noch ein Tipp:
    Teste Deine Seite auch mal im Opera, da kann man dann noch ganz andere tolle Sachen erleben.... ;)

    Viel Glück
    Elke
     
  4. mat

    mat Member

    Registriert seit:
    22. August 2007
    Beiträge:
    9
    Zustimmungen:
    0
    Hoi Elke,

    danke für die Tipps. Habe die Seite eben im Opera aufgerufen und es hat alles funktioniert :)

    Im Moment funktioniert sie im Firefox und im Opera... Der IE zickt rum...

    Ich werde noch bischen daran drehen, bis jetzt leider erfolglos :(

    Grüsse,
    Matthias
     
  5. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Ist der IE auch im Standards Compliance Mode? In diesem verhält er sich deutlich standardkonformer (ab Version 6).

    Gib dazu mal "javascript:alert(document.compatMode)" in die Adressleiste des IE ein.
    Erscheint hier "Back Compat", dann solltest du was ändern. Zum Beispiel muss eine korrekte DoCTYPE-Angabe in der 1. Zeile des ausgeleiferten Quellcodes stehen (manche Themes haben am Anfang sowas wie <!-- Header Start --> stehen, das ist Gift für den IE)
     
  6. mat

    mat Member

    Registriert seit:
    22. August 2007
    Beiträge:
    9
    Zustimmungen:
    0
    Als ich "javascript:alert(document.compatMode)" in die Adressleiste eingegeben habe als ich bei google.ch war, kam "BackCompat".

    Gebe ich es auf meiner Seite ein erhalte ich "CSS1Compat" ... :mrgreen:
     
  7. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Was Google für nen DOCTYPE einsetzt ist mir ziemlich egal. :mrgreen:

    Schenkst du uns dann mal ne URL zu deinem Blog?
     
  8. mat

    mat Member

    Registriert seit:
    22. August 2007
    Beiträge:
    9
    Zustimmungen:
    0
    Wochenberichte

    das ist die Page :)

    danke übrigens für euren einsatz, wirklich nett von euch :)
     
  9. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Okay. Dann wolln wir mal. :)
    Ich würde als erstes mal explizite top- und left-Vorgaben machen (left fehlt dir teilweise), eventuell müssen die margins angepasst werden.

    Falls du damit zu keinem Ergebnis kommst, würde ich mal versuchen, dem #content statt "position:relative" ein "float:right" zu geben. Das #menu dementsprechend position:static (oder die Positionsangabe weglassen).
    Generell würde ich eher versuchen, ein floatendes Design zu entwickeln als ein absolut/relativ positioniertes. Ist einfach sauberer und besser skalierbar.
     
  10. mat

    mat Member

    Registriert seit:
    22. August 2007
    Beiträge:
    9
    Zustimmungen:
    0
    Im Moment habe ich die Änderungen teilweise gemacht. Nun sieht es zwar gleich aus wie beim Firefox, allerdings ist es sehr weit nach unten gerutscht...

    Mit dem top: ... und dem high: ... konnte ich nix verändern... Da zeigte sich keine Reaktion :)
     
  11. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    high: :confused: Hab ich doch gar nicht geschrieben.

    Aber so sieht das doch schon nicht schlecht aus. Lass beim Menü die float- und top-Angaben weg, beim Content position und top weg, dafür "float:right;" hin, dann sollte es passen.

    Übrigens, für solche Spielereien eignet sich die FF-Erweiterung Firebug hervorragend. Da kannst du das CSS "live" editieren und siehst die Änderungen sofort. Am Ende kopierst du die Änderungen noch in deine style.css und freust dich. :D
     
  12. mat

    mat Member

    Registriert seit:
    22. August 2007
    Beiträge:
    9
    Zustimmungen:
    0
    Moin marX,

    also hab die Angaben geändert. Nun wurde leider der ganze Text nach rechts verschoben :) und im IE ist der Kalender immer noch zu weit unten ;)

    Hab es mal so gelassen, dass du es dir selbst ansehen kannst ;)

    Werde mir dieses Firebug mal saugen, danke ;)
     
  13. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Spiel mal noch ein wenig mit den margin-Angaben der Container #content (vor allem margin rechts) und #menu.
    #menu ist ingesamt viel zu breit, das siehst du aber schön mit Firebug (Inspect Element). Gib dem #menu mal eine feste Breite oder passe die margin-Angaben an, dann sollte auch im IE der Kalender wieder nach oben rutschen.
     
  14. mat

    mat Member

    Registriert seit:
    22. August 2007
    Beiträge:
    9
    Zustimmungen:
    0
    Alles klar, danke dir !

    Melde mich dann später ;)

    Have a nice day :)
     
  15. mat

    mat Member

    Registriert seit:
    22. August 2007
    Beiträge:
    9
    Zustimmungen:
    0
    Habs geschafft !! :mrgreen:

    Danke für die Hilfe, vor allem der Tipp mit dem Firebug war genial !

    Vielen Dank nochmal und eine schöne Woche wünsch ich euch !

    Liebe Grüsse
    Matthias
     
  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