✔ [IE7] DocType vs. overflow

M

MArc

Erfahrenes Mitglied
Hallo CSS'ler,

hätte da ein Problem, vielleicht hat da einer 'ne geschmeidige Lösung:
Bei folgendem Code, ignoriert der IE 7 das "overflow: hidden" und zeigt
die innenliegende Bilder dennoch voll an. IE6 + FF funktioniert.
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<div style="text-align:center; height: 70px; width: 400px; background-color: black; overflow: hidden; padding-left: 25px;" id="lastVisiters">
  <div style="float: left; width: 70px; padding: 1px; position: relative;">
    <img src="http://data.stadtleben.de/data/p/31986.jpg" />
  </div>
  <div style="float: left; width: 70px; padding: 1px; position: relative;">
    <img src="http://data.stadtleben.de/data/p/31986.jpg" />
  </div>
  <div style="float: left; width: 70px; padding: 1px; position: relative;">
    <img src="http://data.stadtleben.de/data/p/31986.jpg" />
  </div>
</div>

Entferne ich den DocType funktioniert es, wie es soll, weil er dann wahrscheinlich in den Quirks-Modus geht.

Jemand eine Idee ?

Grüße,
MArc
 
Hi,

entweder deklarierst du für das Elternelement ebenfalls position:relative, oder du entfernst diese Deklaration aus seinen Nachfolgeelementen.

mfg Maik
 
Hi,

aaahh, das gibt's doch garnicht!
Ich war mir so unglaublich sicher, dass ich genau das schon ausprobiert hatte *grml*
Aber Danke!

Grüße,
MArc
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück