IE spinnt mal wieder mit Bildern und Sidebarmenü

[Dano0401]

Hallo mal wieder,

zwar wurde ein ähnliches Thema schonmal angesprochen, aber das hat mir nicht recht weiterhelfen wollen :-| Darum hoffe ich, dass mir hier jemand helfen kann.

In einem anderen Thread habe ich bereits ein anderes Problem bei der selben Website angesprochen. Jetzt treten aber neue auf ...

Unter Portfolio auf meiner Seite können jeweils die Werke ausgesucht werden. Im Firefox wird auch alles prima angezeigt, so wie es aussehen sollte, im IE aber nicht. Dort werden entweder die Bilder zu klein oder viel zu weit unten dargestellt.

Die Seite ist: http://www.maculart.de/?seite=arbeiten&rubrik=5

Des Weiteren fällt auf, dass die Sidebar-Menüpunkte unter Portfolio im IE weiter nach rechts geschoben werden als im Firefox. Im FF sieht also alles so aus, wie ich das gerne hätte.

Kann mir jemand weiterhelfen?

Vielen Dank und schöne Grüße
Daniel

[dicon]

Hallo Daniel

Im Firefox wird auch alles prima angezeigt, so wie es
aussehen sollte, im IE aber nicht. Dort werden entweder die Bilder
zu klein oder viel zu weit unten dargestellt.

Bei mir (IE 6) gibt es in Bezug auf Bildgröße keinen Unterschied. Auch der Abstand
zwischen den Bildern stimmt überein. Allerdings passt der Abstand zwischen Headline
und erstem Bild nicht.

Des Weiteren fällt auf, dass die Sidebar-Menüpunkte unter Portfolio
im IE weiter nach rechts geschoben werden als im Firefox.

ca. 10 bis 15px. - die Positionierung der einzelnen DIVs wird wohl über die ausgelagerte
CSS-Datei gesteuert... Kannst Du event. mal den passenden Codeschnippsel posten?

Grüße, dicon

[Dano0401]

Hi Dicon,

was für einen Teil des CSS Codes hättest du gerne, weiß jetzt nicht ganz wo du gucken willst?! Wird bei dir wirklich die Sidebar etc. genauso angezeigt wie im FF? Im IE 7 wird es das nämlich nicht, komisch ...
Das mit dem Abstand der Überschrift zum Bild ist bei mir z.b. gar nicht der Fall, dafür halt das andere.

Gruß
Daniel

[dicon]

was für einen Teil des CSS Codes hättest du gerne,

am besten den Teil, wo die Positionierungen für die DIVs festgelegt werden...
zb. position:absolute, top:xxx, left:xxx, float:xxx, margin:xxx, padding:xxx oder
ähnliches. Mal abgesehen davon, dass Dein Quellcode... sagen wir mal... etwas unübersichtlich
ist, erschließt sich mir die Positionierung der einzelnen Elemente und
das Verhältnis
der einzelnen DIVs zueinander noch nicht ganz... vielleicht werden wir mit dem CSS-Code
etwas schlauer.

Wird bei dir wirklich die Sidebar etc. genauso angezeigt wie im FF?

Nein, wird sie nicht. Ich schrub oben: "ca. 10 bis 15px.". Damit meinte ich die Verschiebung
im IE, die bei mir auch zu sehen war. Nur Abstand und Größe der Bilder waren bei
mir im IE und FF gleich.

Grüße, dicon

[Dano0401]

Hallo,

ich hoffe hier ist was Brauchbares dabei und ich hab den Schnipsel richtig geposted =)

Daniel

#container {
 font-size: 0.8em;
 max-width: 750px;
 margin: auto;
 border: 1px solid #aaa;
 border-top: 0;
}

#logo {
 background: url(../img/header.jpg) 0 0 no-repeat #8FC525;
 height: 175px;
 padding: 0 20px;
 text-align: right;
 line-height: 54px;
 font-size: 54px;
 overflow: hidden;
 letter-spacing: -3px;
 margin: 0;
}

#menu {
 background: url(../img/) #3D5411;
 padding: 5px 4%;
 margin: 0;
 text-align: left;
 color: #d8a6a5;
}

#menu a:link {
color: #fff;
font-weight: lighter;
text-decoration: underline
}
#menu a:visited {
color: #fff;
font-weight: lighter;
text-decoration: none
}
#menu a:active {
color: #fff;
font-weight: lighter;
text-decoration: underline
}
#menu a:hover {
color: #fff;
font-weight: lighter;
text-decoration: underline
}

#subnav {
 width: 26%;
 background: #ECECEC;
 min-width: 10em;
 min-height: 100%;
 float: right;
 padding: 35px 0%;
 margin: 1%;
 border-left: 0px solid #aaa;
 font-size: 0.9em;
}

#subnav a:link {
color: #526827;
font-weight: lighter;
text-decoration: underline
}
#subnav a:visited {
color: #526827;
font-weight: lighter;
text-decoration: underline
}
#subnav a:active {
color: #63655F;
font-weight: lighter;
text-decoration: underline
}
#subnav a:hover {
color: #98D02A;
font-weight: lighter;
text-decoration: none;
}

#subnav dt {
 font-size: 125%;
 color: #63655F;
 font-family: "Georgia", Verdana, "Verdana", Times, serif;
 padding: 35px 0 2px 0%;
 margin-bottom: 2px;
 margin-top: -0.2cm;
font-weight: bold;
 }

#subnav dd {
 padding: 0;
 margin: 0.3em 0;
}