Probleme avec inline-block
Bonjour,
le display: inline-block; ne semble pas marcher pas sous IE9 comment y remédier??
merci
le display: inline-block; ne semble pas marcher pas sous IE9 comment y remédier??
merci
3 réponses
-
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 -
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 -
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;}-
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 -
Voir ici: ça ne fonctionne pas sous IE6 et 7, pour les autres pas de soucis
http://quirksmode.org/css/css2/display.html
-
