28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

j'ai un problème sous IE 7, il ne charge pas mes iframes.
J'ai testé sous firefox et IE 6 ==> Tout est ok.

Voici mon code CSS


.prof ul {
list-style-type: none;
margin:0;
padding:0;
position: absolute; 
top: 250px; /* positionnement du menu, que vous pouvez changer à loisir */
left: 220px;
width: 100%; /* précision pour Opera */
}

.prof li {
float: left;
}
.prof a {       
width: 130px;	   
height: 40px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff; 
text-decoration: none;
color: #000;
background: #00FF00;
}

.prof a:hover {
color: #411;
background: #AAA;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
}

.prof a span {     
display: none;
}

.prof a:hover span {   
display: block;
position: absolute;
top: 240px;
left: 200px;
width: 700px;        
text-align: left;

}


Et le HTML:


<ul class="prof">
<li><a href="">Les communications du bureau<span><iframe src="http://docs.google.com/Doc?id=dcbs2hzq_1c2bfpvc6" width="699" height="500" frameborder="0"></iframe></span> </a></li>
<li><a href="">L'agenda de l'ann&eacute;e <span><iframe src="http://www.google.com/calendar/embed?showTitle=0&amp;showTabs=0&amp;showCalendars=0&amp;height=500&amp;wkst=2&amp;bgcolor=%23FFFFFF&amp;src=isc.mouscron%40caramail.com&amp;color=%235229A3&amp;ctz=Europe%2FBrussels" width="699" height="500" frameborder="0"></iframe></span></a></li>
<li><a href="">La commande de mat&eacute;riel <span><iframe src="http://docs.google.com/Doc?id=dhcxk98z_0cxmwzzcn" width="699" height="500" frameborder="0"></iframe></span></a></li>
<li><a href="">Les activit&eacute;s en religion <span><iframe src="http://docs.google.com/Doc?id=ddbnrrkq_0d78zn2fm" width="699" height="500" frameborder="0" ></iframe></span></a></li>

<li><a href="">Les activit&eacute;s des MI <span><iframe src="http://www.google.com/calendar/embed?src=maitremi%40mouscron-isc.be&ctz=Europe/Brussels" width="699" height="500" frameborder="0"></iframe></span></a></li>
</ul>


Merci pour votre aide.

Ps: j'ai entendu parler d'un problème de hover sour IE, est-ce cela?
Je pense que c'est dû à la présence de caractères spéciaux à l'intérieure des URL des page appélées dans les iframe.
Modifié par Hermann (08 Sep 2008 - 23:47)
Et la solution serait?

De ne pas utiliser d'Iframe? Comment faire? Utiliser du PHP (j'ai déjà essayer les pseudos frames, les includes, rien ne fonctionne comme une iframe.)

Merci de ton aide