Probleme avec inline-block

zstof Messages postés 2 Statut Membre -  
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

A voir également:

3 réponses

Réponse 1 / 3
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
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
Miss_socrates Messages postés 925 Statut Membre 109
 
Voir ici: ça ne fonctionne pas sous IE6 et 7, pour les autres pas de soucis
http://quirksmode.org/css/css2/display.html
0
Réponse 2 / 3
zstof Messages postés 2 Statut Membre
 
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
Réponse 3 / 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