Dépassement CSS: masqué; ne fonctionne pas

Question

J'ai des problèmes avec overflow: caché ne fonctionne pas dans mon cas.

J'ai un div id = ticker qui fonctionne essentiellement comme un ticker de défilement. Je suis donc Préfixer contenu dynamique div id = ticker

Le div id = ticker est contenu dans un autre div qui est contenu dans un autre div, pense fondamentalement comme 4-5 arbre niveau comme la structure

corps

- > div [id = wrapper] -> div [classe = main] -> div [classe = contenu] -> div [classe = cadre] -> div [classe = bg] -> div [classe = contenu principal] - > [id = ticker] div

Heres le CSS ...

#wrapper { 
width: 942px; 
margin: 0 auto; 
position:relative; 
overflow:hidden; 
} 

.main{ 
width:942px; 
margin:163px 0 0; 
overflow:hidden; 
} 

.content{ 
background:url(../images/content-bg.gif) repeat-y; 
overflow:hidden; 
width:662px; 
float:left; 
} 

.frame{ 
background:url(../images/frame-bg.gif) no-repeat 0 0; 
width:662px; 
} 

.bg{ 
background:url(../images/bg-bg.gif) no-repeat 0 100%; 
width:662px; 
overflow:hidden; 
} 
.primary-content{ 
padding: 12px 20px 40px 22px; 
width:620px; 
overflow:hidden; 
} 

#ticker { 
    overflow: hidden; 
} 

aussi, si elle aide - la div ticker contient une liste de div [ class = breadcrumps], que je suis en train de faire défiler

.breadcrumbs{ 
border-bottom:1px solid #ebebeb; 
padding:6px 0 6px 0; 
overflow:hidden; 
clear:both; 
} 

Ce que je vois est - quand je PREPEND breadcrumps div ticker, la page/liste ticker continue de grossir :(

Toute aide serait appréciée .

Merci.

Answer 1

Vous devez définir la largeur et la hauteur pour que le débordement fonctionne, sinon il se dilaterait.