Unterschiedliche Anzeigen im IE und FF

Hallo! Ich habe in den letzten Tagen mein Blog neu umgestalte, ein neues Theme verpasst und ein paar zusätzliche Plugins installiert. Ich bin auch noch nicht fertig.

Um mir heute Mittag, mal das vorübergehende Ergebnis anzuschauen. Habe ich mir mein Blog im IE und FF angesehen. Ich musste mit erschrecken feststellen, dass im IE die rechte Sidebar nach unten gerückt ist.

Ich habe bis eben versucht das Problem zu finden. Leider ohne Erfolg!
Vielleicht habt Ihr gute Ratschläge und wisst was hier falsch läuft!
Bin bestimmt nur wieder blind!

Ich benutzte das Theme Aargau in der WP-Version 2.0.7. und hier findet ihr mein Blog.

Hallo! Danke für deine Antwort.
Ich habe versucht deinen ersten Vorschlag umzusetzen. Da er mir Erfolgsversprechen klang. Leider ohne Erfolg. Beim umsetzten deines Vorschlages, ging mir dann auch durch den Kopf, das ich mit der Bereit sehr zufrieden bin. Da kleiner nicht mehr so gut aussieht.
Bei Vorschlag 2 bin ich nicht fündig geworden. Welche Angaben die mittlere Spalte verkleinern...
Den Vorschlag 3 finde ich sehr interessant...nur verstehe ich dich leider nicht. Genauer gesagt weiß ich nicht, was ich hier

Zitat

[COLOR=#000080]<!--[if IE]>[/COLOR]
[COLOR=#800080]<style type=[COLOR=#0000ff]"text/css"[/COLOR]>[/COLOR]
hier die divs und ids für den ie mit ihren px breiten oder so hineintippseln, genauso als ob das ganze in der style.css stünde
[COLOR=#800080]</style>[/COLOR]
[COLOR=#000080]<![endif]-->[/COLOR]

einfügen soll.

Ansonsten gehe ich davon aus, ich soll diesen Code in den Header mein Theme einfügen?! Ich hoffe, ich liege da richtig? Könntest du mir, was ich dort einfügen soll?

Guten Morgen!
Da ich gestern keine Antwort mehr bekommen habe...habe ich mich noch einmal ausgiebig mit dem Vorschlag 1 und 2 beschäftigt. Dabei habe ich, alles so verkleinert, dass es so schon sehr unschön aussah. Leider aber haben diese versuche nicht das Problem gelöst...Egal wie klein ich es gemacht habe.

Daher frage ich noch einmal...Wie kann ich das Problem mit dem o.g. Code lösen?

Zitat von Putzlowitsch

Das verkleinern der des div nutzt nichts, wenn z.B. enthaltene Bilder immer noch die alte Bereite haben.
Etwas ungewöhnlich finde ich auch den negativen, linken Außenabstand der Liste in der Sidebar side2:

Code

#side2 ul {
    list-style-type: none;
    margin: 0px 0px 0px -10px;
    padding: 0px;
    }

Damit ragt die Liste links aus dem Container heraus und bringt vielleicht damit den IE außer Tritt.

Nur mal so, als ein paar Ansatzpunkte.

Gruß
Ingo

Hallo Ingo! Ich habe mir mal angeschaut, was du mit der linken Sidebar meinst...jedoch sehe ich kein verschieben der linken Sidebar...oder ich bin noch blind am frühen morgen...:-D

Hallo! Ok. Du hast recht...auf der rechten Seiten ist wirklich der Fehler!
Ich habe mir mal das Theme, hier im Themebrowser, angeschaut...meiner Meinung ist dort der gleiche Fehler.
Ich habe versucht etwas rum zu basteln, jedoch löst dies das Problem nicht.

Also ich habe das Problem jetzt einkreisen können...Es liegt an der von mir eingefügten Uhr und Größenänderung von 160px auf 170px!

Meine Frage ist nun!!!

Wie kann ich die Uhr einfügen und die Größe ändern, so das keine Verschiebungen entstehen?

Zitat von Monika

kein pixelgenaues Design machen

die Uhr ist dann eben einfach zu breit ;)

oder DU machst nur für den IE die Uhr kleiner

wie das geht schrieb ich hier
wobei du bei diesem Beispiel natürlich #sidebar durch die Angabe für die Uhr ändern musst

lg

Alles anzeigen

Hallo Monika!

Erst einmal danke für deine Geduld. Jedoch nun kommt das Problem...das ich nicht weiß wie oder was ich in diesen Code reinschreiben soll. Mit fehlt hier einfach das Fachwissen.

Es wäre schön, wenn du mir sagen könntest, was hier genau reingehört.

Edit: Ich habe versucht die Uhr kleiner zu machen...jedoch ohne Erfolg!

Zitat von Putzlowitsch

Mach doch mal testweise für #rap (das ist der Container für die gesamte Seite) die Breite auf 975 Pixel:

Code

#rap {
  width: 975px;


...

Hallo! Entschuldigt das ich mich erst heute melde...habe dein Vorschlag ausprobiert. Leider nur anfangs mit Erfolg.
Nun ist auf einmal wieder alles runter gerutscht. *schnief*...

Habt ihr noch weitere Vorschläge?

Edit: Mir ist beim probieren aufgefallen, das es nun nicht mehr an der Uhr liegt.
Ich habe außerdem den Vorschlag von Monika mit eingebaut...Ich hoffe er ist richtig.

Zitat

<!--[if IE]>
<style type="text/css">
#side {
width: 160px;
float: right;
position: relative;
margin: -4px 0px 0px -10px;
text-align: left;
padding-left:0px;
font-size: 9px;
font-family: Verdana;
font-style: normal;
font-weight: bold;
line-height: 14px;
font-stretch: normal;
text-transform: uppercase;
letter-spacing: 1px
}

#side ul {
list-style-type: none;
margin: -5px 0px 0px -10px;
padding: 0px;
}

#side ul ul {
list-style-type: none;
margin: 0px 0px 0px 5px;
padding: 0px;
}

#side ul li {
padding-top: 5px;
padding-bottom: 3px;
padding-left: 11px;

}

#side ul li ul {
margin: 0px 0px 0px 11px;
padding-top: 2px;
padding-bottom: 2px;

}

#side ul li ul li {
margin: 0px 0px 0px 5px;
padding-top: 2px;
padding-bottom: 2px;
background: url(img/arrow.gif) no-repeat 0 4px;
}
</style>
<![endif]-->

Alles anzeigen

Nun fehlt mir auch nichts mehr ein...*schnief*

Zitat von Putzlowitsch

Was heißt "auf einmal", doch nicht einfach so von selbst? :-) Was wurde denn geändert, nachdem es schon funktioniert hatte?

Ich denke, hier sollte das ganze mal von grundauf erneuert werden.
Diese negativen linken Außenabstände find ich schon etwas seltsam, zumal wenn man sich mal den Zusammenhang ansieht.
Da wird einerseits mit einem negativen Margin-Wert die Liste nach links verschoben um nachher mit einem positiven Paddingwert für die Listenelemente wieder mühsam nach rechts bugsiert zu werden:

Code

#side ul {
    list-style-type: none;
    margin: -5px 0px 0px -10px;
    padding: 0px;
}


#side ul li {
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 11px;
}

Alles anzeigen

Ohne das jetzt damit die konkreten Probleme zu lösen wären würde ich doch zu einem Aufräumen im CSS raten, das ist so auch alles reichlich unübersichtlich und unlogisch. Und damit wird es für einen Außenstehenden natürlich noch schwerer, Fehler zu finden.
Auch die Browserweiche halte ich für überflüssig, daß es ohne geht zeigt, nunja, z.B. mein Blog :-) Es ist zwar sicher auch nicht die Ausgeburt an Übersichtlichkeit, kommt aber zumindest ohne irgendwelchen Tricks aus.

Gruß
Ingo

Hallo! Danke für deine Antwort!
Ja, ich sehe, dass die Weiche sinnlos ist.
Ich habe jetzt noch einmal auf einen anderen Platz das Theme getestet. Siehe da, die Seite ist normal.
Auch ich die Grunddatein neu aufgespielt (sidebar, sibebar2 und die Style.css). Leider gab es dort keine Veränderung. So das ich jetzt davon ausgehen muss, dass es wirklich an der schlecht programmierten .css liegt.

Leider habe ich nun davon keine Ahnung. Was könnte ich nun noch machen? Oder, sollte ich mich von diesem Theme verabschieden?