28173 sujets

CSS et mise en forme, CSS3

4 div place horizontalement + prb affichage ie

salut tout le monde

j'ai un souci (encore une fois!!!) entre ie et nestcape
4 div sont alignés horizontalement comportant chacun des images
Voila mon code html :


 <body>

<div class="head1">
<img src="image/logo-vertigo2.jpg"  alt="logo-vertigo">
</div>

<div class="menu">
 <table cellpadding=0 cellspacing=0 width=100% height=30>
    <tr>
     <td class=textemenu1> 
      <div>Accueil</div>
     </td> 
     <td class=textemenu> 
      <div><a href="#.html">Dernier numéro</a></div>
     </td> 
     <td class=textemenu> 
      <div><a href="#.html">Agenda</a></div>
     </td> 
     <td class=textemenu> 
      <div><a href="#.html">Textes en ligne</a></div>
     </td> 
     <td class=textemenu> 
      <div><a href="#.html">Anciens numéros</a></div>
     </td> 
     <td class=textemenu> 
      <div><a href="#.html">Abonnement</a></div>
     </td> 
     <td class=textemenu> 
      <div><a href="#.html">Sites utiles</a></div>
     </td> 
     <td class=textemenu> 
      <div><a href="#.html">Contact</a></div>
     </td> 
    </tr>
   </table>
</div>

<div class="recherche">
    <form action="php/recherche.php" method="post" enctype="text/plain">
     Rechercher : <input name=recherche size=10>
    </form>   
</div>
[b]
<div id=centre>

<div class="float">
 <img src="image/image1.jpg"  alt="">
</div>

<div class="float">
<img src="image/image1.jpg"  alt="">
</div>

<div class="float">
 <img src="image/danse.jpg" alt="">
</div>

<div class="float">
<img src="image/image1.jpg"  alt="">
</div>

</div>
[/b]
</body>


et voici mon css :

#centre{
background-color: #000000;
height: 300px;
width: 100%;
text-align: center;
}

div.float {
float: left;
width: 25%;
}


mon prb : sur nestcape pas de souci avec width:25% alors que sur ie prb d'affichage
J'ai essayé de rajouter: display: inline; ou font-size: 1px; mais rien y fait. Jai lu le faq sur l'espaces indésirables sous les images et hauteur minimale sous IE et je n'ai pas trouvé de solution.

voila le lien

http://www.revuevertigo.com
oui ca marche
mais le prb c que c pas sur 100% donc ca decale mes div vers la gauche c pas super
y a pas une solution qui permettrait de forcer ie d'interpréter les choses comme le fait si bien Nestcape
Sujet clos
Aller à