Laures: Inhalt eines div abschneiden, oder overflow: hidden im IE

Beitrag lesen

zuerst mal der code:

<div class="total">
 <div class="head">
  ###TRAILER###
 </div>
 <div class="cont">
  ###CONTENT###
 </div>
</div>

ein großes div um die gesamte seite zu posionieren (centriert mit 10% rand rechts und links)

der trailer besteht aus einem hintergrundbild und als inhalt mit etwas rand ein IMG tag. das bild wird dynamisch erzeugt, daher kann es sein das es zu breit ist, in dem fall soll der überstehende teil verschwinden. das trailer div soll also nicht verbreitert werden.

für das content div soll diese einschränkung allerdings nicht gelten.

mein versuch das mit overflow:hidden für die klasse head zu klären funktionierte allerdings nur in mozilla. im IE skalliert er alles korrekt bis auf den trailer. das bild läuft über den Rand, obwohl es verschinden sollte

Laures

--
don't fear the darkness, be a part of it
(nicht nur kritisieren, lösungen liefern)