28172 sujets

CSS et mise en forme, CSS3

Petit souci avec la propriété overflow

Bonjour a tous,

Voila j'ai développé mon site en flash, mais pour qu'il soit référencé sur les moteurs j'ai aussi mis un contenu alternatif. le souci c que sur le flash 100% dans le navigateur j'ai une barre de scroll.

en mettant : overflow:hidden; c bon par contre je n'ais pas de barre de scroll pour le contenu alternatif alors qu'il en faut une.

Voici le code pour mieux comprendre


<body>
    <div id="myContent">
	MON JAVASCRIPT POUR LE FLASH		
	<div id="myAlternativeContent">
            ICI LE CONTENU ALTERNATIF	
        </div>
    </div>
....




#myContent {
	overflow:hidden;
}

#myAlternativeContent {
	height:100%;
	overflow: inherit !important;
	background : #9daeca url("../img/site/background.jpg") repeat-x top; 
}



Ce que j'essaye de faire sans succès, c'est de remettre la barre de scroll dans cette balise : <div id="myAlternativeContent"> et ca fonctionne pas Smiley decu
Bonjour,

Tu lui dit de reprendre la valeur du parent pour ce qui est de l'overflow, hors le parent a l'overflow "hidden".

Remplace
#myAlternativeContent {
	...
	overflow: inherit !important;
	...
}

par
#myAlternativeContent {
	...
	overflow: scroll;
	...
}


Je ne suis pas sûr de mon coup cependant.
Re,


J'ai réussi a isolé le problème mais je ne sais pas comment le résoudre. Déjà le souci se pose que sur Firefox.

quand je mets le site flash en 100% j'ai une scroll qui apparait
par contre si j'enleve la ligne : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Je n'ais plus aucune probleme sur ff par contre j'ai des souci de mise en page dans le contenu alternatif sous IE7

quelqu'un a deja eu ce souci

Merci d'avance
J'ai trouvé la solution elle fonctionne sous ff et Ie7
j'ai changé le DOCTYPE :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

et la je n'aie plus de scroll
Sujet clos
Aller à