✔ Overflow:auto macht im IE probleme

[h4dhunTer]

Hallo,
habe natürlich schon gesucht, doch keine Lösung konnte mir irgendwie helfen.

Ich habe in die Anlage mal eine Bild gepackt wo man das Problem ganz deutlich sieht. Ich habe dort mehrere Benutzerbilder, aber leider wird im IE (meine Version: 7 Pro) sieht das ganze bisschen doof aus.

Code:

<div style="overflow: auto; margin-left: 6px;" class="friendsblock">
  <div style="display: block; float: left;">
    <div style="max-width: 90px; max-height: 90px; padding: 0px; display: block; border-right: 2px solid #FFF; margin: 2px; overflow: hidden;">
      <a href="/mitglied/coldasice007/"><img title="coldasice007" alt="coldasice007" style="width: 90px; height: 90px; background-color: #FFFFFF;" src="/gallery/avatar/d3d9446802a44259755d38e6d163e820x90.jpg"/>
      <img style="position: relative; left: 74px; top: -16px; margin: 0px;" src="/?a=accountloggedinimage_display&amp;account=10" alt="Online/Offline" /></a>
    </div>
  </div>
  <div style="display: block; float: left;">
    <div style="max-width: 90px; max-height: 90px; padding: 0px; display: block; border-right: 2px solid #FFF; margin: 2px; overflow: hidden;">
      <a href="/mitglied/derOlli/"><img title="derOlli" alt="derOlli" style="width: 90px; height: 90px; background-color: #FFFFFF;" src="/gallery/avatar/c4ca4238a0b923820dcc509a6f75849bx90.jpg"/>
      <img style="position: relative; left: 74px; top: -16px; margin: 0px;" src="/?a=accountloggedinimage_display&amp;account=1" alt="Online/Offline" /></a>
    </div>
  </div>
</div>

Gibt es eine Möglichkeit im IE das ganze so aussehen zu lassen wie im FF?
Vielen Dank schonmal für eure Hilfe.

//Edit: Bild drin, Sry war wohl so in gedanken

 

[Maik]

Hi,

Ich habe in die Anlage mal eine Bild gepackt wo man das Problem ganz deutlich sieht.

ich seh hier nirgends ein Bild als Anhang - und der Quellcode ohne die eingebundenen Grafiken ist auch alles andere als aussagekräftig, da sich das Problem so nicht reproduzieren lässt.

Zum Schluß noch eine Bitte: wenn es Probleme mit irgendeiner CSS-Eigenschaft gibt, den Thread doch bitte direkt im CSS-Board starten - vielen Dank.

mfg Maik

 

[Maik]

Dein Screenshot lässt sich bei mir mit dem gezeigten Quellcode im IE7 nicht reproduzieren.

Das nächste Mal bitte den nachgereichten Anhang in einer neuen Antwort posten, denn über das Editieren eines Beitrags in einem abonnierten Thema wird man nicht per Email benachrichtigt, und ebenso wenig erhält der Thread dadurch in der Forenübersicht ein entsprechendes Status-Icon.

mfg Maik

 

[h4dhunTer]

Hallo,
jo okay. Also ich kann den ganzen Code nicht posten, der ist viel zu riesig. Das Problem ist, dass das Avatarbild da ist, wo eig die Box schon lange zu ende ist.
Wenn ich den overflow:auto wegnehme, rutscht die Box im IE weit nach unten.

 

[Maik]

Also ich kann den ganzen Code nicht posten, der ist viel zu riesig.

Ein Link zur Seite ist da wesentlich kürzer.

mfg Maik

 

[ZodiacXP]

Reicht nicht folgendes (?) :

<div style="display:inline">
  <a ...>
    <img ... style="width:90px; height:90px; />
    <img style="position: relative; left: 74px; top: -16px; margin: 0px;" ... />
  </a>
</div>

Mit deinem <div class="friendsblock"> drum herum aber ohne overflow:auto;

 

[Maik]

Hi,
da die Seite nicht öffentlich ist, schicke ich dir den Link und die Daten per PN: http://***/
Benutername: ***
PW: ***

Unter dem Tab Freunde ist das Problem.

Also im Quervergleich zum FF2 seh ich im IE7 blos zwei Zeilen von Avatars (= 10 Stck.), im FF2 hingegen drei Zeilen (= 12 Stck.).

Stimmt die FF-Darstellung so?

mfg Maik

 

[h4dhunTer]

Hallo,
die FF-Darstellung stimmt, beim IE rutscht in jeder Reihe ein Avatar noch in der gleichen Reihe in den Hintergrund (kann man an dem kleinen Bild roten Bild sehen was über dem Avatar liegt).

 

[h4dhunTer]

Hallo,
habe nun ein paar DIVs rausgenommen und den kompletten Style verändert. Nun läuft es erstmal. Trotzdem Danke für eure Hilfe!