28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Pour rendre un site valide Transitional, j'essaie de remplacer des <iframe> par des <object>, tout en gardant le fond des pages transparentes et en affichant celles-ci sans scrollbar.

Voici un exemple du résultat avec iframe.

Voici le résultat avec object.

J'ai essayé de suivre le topic suivant, mais je rencontre ces problèmes :

1. les scrollbars apparaîssent sous IE
2. le fond de la page contenue par <object> n'est pas transparent
3. un décalage de la carte apparaît mais c'est sans doute la conséquence d'une des deux problèmes énoncé précédemment : à confirmer

Un extrait de la page affichée dans l'object :
body class="plan" style="background-color:transparent;">
<img src="images/carte-1.png" alt="Plan d'acc&egrave;s de Mantes" title="Plan d'acc&egrave;s de Mantes" width="388" height="289" />
<p><a href="carte-2.html">Zoom + </a></p>
</body>


La css spécifique aux pages affichées dans <object> :
body {
	 background-color:transparent;
     }

img {
	margin-bottom:5px;
	margin-top:25px;
	margin-left:25px;
        margin-right:25px;
	border: 1px solid #6F5888;
}

p { padding:0px 25px 0px 25px; 
	margin-top:0px; 
	margin-bottom:5px;
}


Le body de la CSS attachée à toutes les pages du site :
body {
     margin: 0; 
	 padding:0;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 background-color:#666666;
}


Voilà, j'espère que ma demande est suffisamment claire et complète, sinon n'hésitez pas à me demander plus d'explication !

Merci d'avance. Smiley cligne

PS : Dès que ces problèmes seront résolus j'éditerai les liens. Si vous les postez à votre tour je vous remercie de les effacer à terme (une fois le sujet réglé).