✔ Layout Problem mit Darstellung in IE und FF

[killer-DoHa]

Salü,

habe ein Problem mit der Darstellung meines Layouts die mit CSS gemacht worden ist.
Das ganze läuft auf einem Wordpress Blog. Ich hab ein Hauptbereich und eine Sidebar. Die Sidebar wiederum ist in zwei Teile eingeteilt.. Ursprünglich war hier eine float:left und eine float:right drin gewesen.

Jetzt ist es so das die sidebar1 nicht oben (on top) dargestellt wird im IE, stattdessen ist diese unterhalb von der rechten sidebar die ich ausgegliedert habe.

zu sehen unter http://www.ps3szene.de - im Firefox alles glatt nur IE spinnt wieder mal rum..

/*--------------------------------------SIDEBAR STUFF------------------------------*/

#side { width: 300px; float:left; }

#side .ad { width:300px; height:250px; padding:4px; margin-right:0px; margin-bottom:10px; border:1px solid #E3EBED; background-color: #fff; clear:both;  background-image:url(images/sidebar_back.gif); background-position: top; background-repeat: repeat-x; }

#side .ad a img { text-decoration:none; border:0px;}

#side .ad a:hover img { text-decoration:none; border:0px;}

#side .sidebar1 { width:300px; float:left; border:1px solid #E3EBED; background-color: #fff; background-image:url(images/sidebar_back.gif); background-position: top; background-repeat: repeat-x; padding:5px 4px 10px 4px; margin:0px 5px 0px 0px; }

#side .sidebar1 h2 { font-size:14px; font-weight:bold; color:#990000; margin:5px 0px 1px 0px; padding:0px 0px 0px 18px; clear:both; }

#side .sidebar1 h2.cat { background: url(images/categories_h2.png) no-repeat left top; }

#side .sidebar1 h2.arc { background: url(images/archives_h2.png) no-repeat left top; }

#side .sidebar1 h2.blogroll { background: url(images/blogroll_h2.png) no-repeat left top; }

#side .sidebar1 h2.meta { background: url(images/meta_h2.png) no-repeat left top; }

#side .sidebar1 ul { margin: 0px; padding: 0px;}

#side .sidebar1 ul li { margin: 0px; padding: 1px 0px 2px 18px; font-weight:bold; list-style-type: none; font-size: 12px; background: url(images/menu_cat_arrow.gif) no-repeat left top; border-bottom: dashed 1px #D5E3E3; color:#999;}

#side .sidebar1 ul li a { color:#11A0FE; text-decoration:none;}

#side .sidebar1 ul li a:visited { color:#11A0FE; text-decoration:none;}

#side .sidebar1 ul li a:hover { color:#666; text-decoration:none;}

#side .sidebar2 { width:300px; float:left; border:1px solid #E3EBED; background-color: #fff; background-image:url(images/sidebar_back.gif); background-position: top; background-repeat: repeat-x; padding:5px 4px 10px 4px; margin:10px 5px 0px 0px; }
#side .sidebar2 h2 { font-size:14px; font-weight:bold; color:#990000; margin:5px 0px 1px 0px; padding:0px 0px 0px 18px; clear:both; }
#side .sidebar2 h2.cat { background: url(images/categories_h2.png) no-repeat left top; }
#side .sidebar2 h2.arc { background: url(images/archives_h2.png) no-repeat left top; }
#side .sidebar2 h2.blogroll { background: url(images/blogroll_h2.png) no-repeat left top; }
#side .sidebar2 h2.meta { background: url(images/meta_h2.png) no-repeat left top; }
#side .sidebar2 ul { margin: 0px; padding: 0px;}
#side .sidebar2 ul li { margin: 0px; padding: 1px 0px 2px 18px; font-weight:bold; list-style-type: none; font-size: 12px; background: url(images/menu_cat_arrow.gif) no-repeat left top; border-bottom: dashed 1px #D5E3E3; color:#999;}
#side .sidebar2 ul li a { color:#11A0FE; text-decoration:none;}
#side .sidebar2 ul li a:visited { color:#11A0FE; text-decoration:none;}
#side .sidebar2 ul li a:hover { color:#666; text-decoration:none;}

#adsright { float: right; width:125px; padding:4px 4px 0px 4px; border:1px solid #E3EBED; background-color: #fff;  background-image:url(images/sidebar_back.gif); background-position: top; background-repeat: repeat-x;}

#adsright a img { text-decoration:none; border:0px;}

#adsright a:hover img { text-decoration:none; border:0px;}

#adsright img { margin:0px 0px 4px 0px; padding-bottom:4px; border-bottom: dashed 1px #efe4e4; }


h2 { font-size:14px; font-weight:bold; color:#990000; margin:5px 0px 1px 0px; padding:0px 0px 0px 18px; clear:both; }
h2.cat { background: url(images/categories_h2.png) no-repeat left top; }
h2.arc { background: url(images/archives_h2.png) no-repeat left top; }
h2.blogroll { background: url(images/blogroll_h2.png) no-repeat left top; }
h2.meta { background: url(images/meta_h2.png) no-repeat left top; }
#adsright ul { margin: 0px; padding: 0px;}
#adsright ul li { margin: 0px; padding: 1px 0px 2px 18px; list-style-type: none; font-size: 12px; background: url(images/menu_cat_arrow.gif) no-repeat left top; border-bottom: dashed 1px #D5E3E3; color:#999;}
#adsright ul li a { color:#11A0FE; text-decoration:none;}
#adsright ul li a:visited { color:#11A0FE; text-decoration:none;}
#adsright ul li a:hover { color:#666; text-decoration:none;}

/*--------------------------------------SIDEBAR END------------------------------*/

hat da jemand ein Tip für mich wie ich das ganze lösen könnte?
thx
oezer

 

[Maik]

Hi,

als erste Gegenmaßnahme solltest du den "Doubled-Margin-Bug" im IE beheben, indem du in allen Regelblöcken, in denen gemeinsam die float- und margin-Eigenschaft (mit horizontalen Abständen) vorkommen, zusätzlich display:inline notierst.

Wenn wir mächtig Glück haben, war es das vielleicht schon.

 

[killer-DoHa]

Du bist so geil Alder!
Hammer... ich sags doch tutorials.de rockt..

Hat wunderbar geklappt...
und da du ja ein mod bist.. sag dem DoHa im internen er soll bitte meinen alten Account wieder freischalten..

grüße
oezer

 

[Maik]

Den Nickname "oezer" hab ich schon mal irgendwo aufgeschnappt, weiss blos nicht mehr den Zusammenhang. Warst du nicht mal Team-Mitglied, oder gar einer der Mitbegründer dieses Forums?

 

[killer-DoHa]

offtopic: bitte um verzeihung

ich hab mit dominik tutorials.de gegründet.. allerdings konnte ich wegen studium nicht mehr so arg zeit investieren und bin ca. 2004 ausgestiegen..

war aber eine geile zeit.. ja und aus irgendeinem grund komme ich mit meinem alten account nicht rein.. aber nicht das du jetzt denkst ich hätte stress mit dominik oder so.. da ist irgendwas in der db schiefgelaufen vermute ich mal..

hab ihm aber schon eine mail geschrieben.. daheim kann ich ihn grad nicht erreichen..

aber zum thema.. das ist das geile an tutorials.de egal was für eine frage.. wir haben damals und jetzt genauso die antworten dazu find ich echt gut.. letztens sagt ein Kunde zu mir.. wenn er technische probleme hat und keine lösung findet guckt er bei tutorials.de rein.. für den Mann arbeiten einige Hundert leute und er schaut hier rein.. ist schon eine coole bestätigung..

also i.d.S. weiter so..

nur das mit der Werbung find ich a bisserl übertrieben.. aber ja ja die Adsense Arbitragen drücken halt ordentlich rein.. ;-)

thx
oezer

 

[Maik]

offtopic: bitte um verzeihung

Kein Ding

Ich meine mich auch zu erinnern, dass Dominik vergangenes Jahr von euer beiden beruflichen Unternehmungen berichtet hat, da ihr beide doch in KA lebt. Oder hab ich da was in meiner DB in der falschen Schublade abgespeichert?

Wenn du willst, kann ich ja mal eben im Admin-CP vorbeischauen, was da mit deinem Account los ist ;-)

Dein Kennwort hast / kennst du noch (nach so langer Zeit)?

 

[Maik]

Hm, wenn ich im Admin-CP nach dem Benutzer oezer suche, kommt prompt diese Meldung:

tutorials.de Hinweis

Keine passenden Benutzer gefunden

Demnach könntest du dich ja unter dem Nickname neu registrieren

 

[killer-DoHa]

jo werd ich machen..
thx..