Dano0401: IE spinnt mal wieder mit Bildern und Sidebarmenü

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

  1. 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

    1. 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

      1. 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

        1. 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;
          }