Probleme avec inline-block

zstof Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
Miss_socrates Messages postés 925 Statut Membre -
Bonjour,

le display: inline-block; ne semble pas marcher pas sous IE9 comment y remédier??
merci

3 réponses

  1.
    Miss_socrates Messages postés 925 Statut Membre 109
     
    cela me semble normal puisqu'il y a contradiction, inline signifiant en ligne et block pas en ligne.
    Il faut utiliser soit l'un soit l'autre :
    #sélecteur{display: inline;} ou
    #sélecteur{display: block;}
    0
    1. Miss_socrates Messages postés 925 Statut Membre 109
       
      Après information prise, effectivement, inline-block peut s'appliquer mais uniquement aux éléments inline. Il faut donc d'abord les déclarer inline.
      Et cela ne fonctionne pas sous IE 7, donc peut-être pas non plus dans les versions suivantes.
      Il faudrait voir www.webdevout.net/browser_support_css.php
      0
  2. zstof Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
     
    j'aimerais faire un truc simple

    pour le code Html 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
    <head>
        <meta charset="utf-8" />
        <title>Mon site web</title>
		<link href="style.css" rel="stylesheet" type="text/css">
		  
    </head>

    <body>
        
        
        <div id="corps-du-site">
            <h1>Le Corps de mon Site</h1>
			<p>blabalablablabal...</p>
			<p>lablavalbalbalbala</p>
        </div>
        
        
            <div id="news">
                <h1>Les News</h1>
                <p>Notre forum a ouvert ses portes Venez vite vous inscrire au nouveau Forum  </p>              
			</div>
      
    </body>
</html>


    pour le code css 

    #corps-du-site
{
    display: inline-block;
    width: 300px;
    border: 1px solid black;
    vertical-align: top;
}

#news
{
    width:150px;
    display: inline-block;    
    border: 1px solid blue;
    vertical-align: top;
}


    une fois mes pages uploadé sur mon site IE9 ne m'aligne pas c'est 2 cadres
    0
  3. Miss_socrates Messages postés 925 Statut Membre 109
     
    Je propose d'essayer en html:
    <body>
    <div id="corps_du_site" style="display:inline">
    ...
    </div>
    <div id="news" style="display:inline">
    ...
    </div>

    Vérifier aussi si le fichier CSS est bien appelé style.css et pas style.html
    0