✔ overflow:hidden im IE

[Templorials]

Hi,

habe ein kleines Problem mit overflow:hidden im InternetExplorer...

<div style="overflow:hidden; width:700px">
  <div id="slider" style="width:700px; position:relative; left:0px; height:223px;">
    lannnnnnger inhalt....
  </div>
</div>

Der Slider wandert dann von links nach rechts per Javascript.. Im Firefox sieht man dann eben nur den 700px breiten Bereich, so wie ichs will. Aber im IE wird das ignoriert.. dann wird der "slider" div in voller Breite angezeigt...

 

[Sven Mintel]

Moin,

da ohne JS der Inhalt auch im IE beschnitten wird, müsstest du mal das JS zeigen, damit man die Ursache ermitteln kann.

 

[Templorials]

ne wird er eben nicht.. auch ohne js

 

[Sven Mintel]

Möglicherweise verwendest du einen DOCTYPE, der den Browser im Strict-Modus rendern lässt.

Falls ja, gebe dem Eltern-<div> von #slider ebenfalls das Format position:relative

 

[Templorials]

Ne verwende "Transitional",

und mit dem position:relative hab ichs auch schon versucht.. :/

 

[Sven Mintel]

Dann wirds Zeit, dass du etwas kooperativer wirst und etwas mehr Details preisgibst, ohne dass man sie dir einzeln aus der Nase ziehen muss :suspekt:

Andernfalls sitzen wir noch Weihnachten hier...du behauptest, es geht nicht, und ich behaupte, es geht...denn es geht

 

[Templorials]

ok hier der code wie er im endeffekt aussieht..
das ganze javascript kann man ignoriern..

<div style="overflow:hidden; width:640px">
<div id="slider" style="width:640px; position:relative; left:0px; height:223px;">
<img id="img0" style="cursor:pointer; background-color:#fff; width:120px; position:absolute; left:0px" src="videos/preview1.jpg" onmouseover="great(0)" onmouseout="small(0)" />
<img id="img1" style="cursor:pointer; background-color:#fff; width:120px; position:absolute; left:130px" src="videos/preview1.jpg" onmouseover="great(1)" onmouseout="small(1)" />
<img id="img2" style="cursor:pointer; background-color:#fff; width:120px; position:absolute; left:260px" src="videos/preview1.jpg" onmouseover="great(2)" onmouseout="small(2)" />
<img id="img3" style="cursor:pointer; background-color:#fff; width:120px; position:absolute; left:390px" src="videos/preview1.jpg" onmouseover="great(3)" onmouseout="small(3)" />
<img id="img4" style="cursor:pointer; background-color:#fff; width:120px; position:absolute; left:520px" src="videos/preview1.jpg" onmouseover="great(4)" onmouseout="small(4)" />
<img id="img5" style="cursor:pointer; background-color:#fff; width:120px; position:absolute; left:650px" src="videos/preview1.jpg" onmouseover="great(5)" onmouseout="small(5)" />
<img id="img6" style="cursor:pointer; background-color:#fff; width:120px; position:absolute; left:780px" src="videos/preview1.jpg" onmouseover="great(6)" onmouseout="small(6)" />
<img id="img7" style="cursor:pointer; background-color:#fff; width:120px; position:absolute; left:910px" src="videos/preview1.jpg" onmouseover="great(7)" onmouseout="small(7)" />
<img id="img8" style="cursor:pointer; background-color:#fff; width:120px; position:absolute; left:1040px" src="videos/preview1.jpg" onmouseover="great(8)" onmouseout="small(8)" />
</div>

 

[Sven Mintel]

Dann kann ich dir nicht weiterhelfen....mit dem position:relative funktioniert das bei mir wunderbar.

 

[Templorials]

danke für deine geduld..

mit relative funktioniert doch.. hat damals beim testen wohl nicht aktualisiert oder so

danke nochmal^^