Autor Beitrag
Heiko
ontopic starontopic starontopic starontopic starontopic starontopic starhalf ontopic starofftopic star
Beiträge: 3169
Erhaltene Danke: 11



BeitragVerfasst: So 29.11.09 00:08 
Hallo ihr,

ich habe folgenden Code:
ausblenden XML-Daten
1:
2:
3:
4:
5:
6:
<div class="tab">
  <div class="slider"></div>
    <iframe src="...">
    </iframe>
  </div>
</div>


Wie man sieht habe ich einen Tab, in dem nebeneinander ein SliderButton und ein iFrame liegt. Nun will ich den effekt machen, das beim Klick auf den Slider der Tab kleiner wird. Da es doof aussieht wenn sich der Inhalt des iFrames in der Größe verändert (und es in den Browsern dann auch ruckelt), soll er nur abgeschnitten werden.

Beispiel:
ausblenden XML-Daten
1:
2:
3:
4:
5:
6:
<div class="tab" style="width: 400px; overflow:hidden">
  <div class="slider" style="width: 10px"></div>
    <iframe src="..."  style="width: 480px">
    </iframe>
  </div>
</div>

Das Problem dabei, das iframe rutscht nach unten. Wie kann ich das verhindern? Position absolute geht leider nicht, da dann das overflow:hidden nicht mehr funktioniert (da das iFrame ja aus den Elternelement "entfernt" wurde).

Hat einer von euch ne Idee?

Besten Dank im Voraus

€: Position:absolute in Kombination mit overflow:hidden funktioniert doch. K.A. warum ich das letztes mal damit nicht gebacken bekommen habe.