Bonjour a tous !!
Voila je poste ce message car je suis en train de faire un site en utilisant une feuille de style CSS, du HTML pour la partie statique et du PHP pour le moteur dynamique mais la ma question concerne les différences d'affichage que l'on peut rencontrer sous IE et Firefox.
Premièrement J'ai l'impression que Firefox est beaucoup plus "logique" que IE concernant notamment les balises.
Je dis ca parceque j'ai fais une liste non ordonnée <ul> pui j'ai appliqué un background bleu en fond, et la stupéfaction :
SOUS IE :
Les balises <li> a l'intérieur du <ul> occupe tout l'espace du <ul> on est donc obligé d'appliqué un padding-left important afin que les puces apparaissent
Une fois ce problème résolu j'ai maintenant un problème que je n'arrive pas à résoudre d'ou ce post
:
Voici les images :
SOUS IE :
http://www.sidem.ch/ie.jpg
SOUS Firefox :
http://www.sidem.ch/fire.jpg
Comme vous pouvez le constater, sous IE il y'a un léger décalage du texte qui se trouve au meme niveau que ma liste ...?
Impossible je n'arrive pas a faire qu'il n'y est pas ce décalage...
Voici mon code CSS :
et le code HTML:
Merci a tous
Voila je poste ce message car je suis en train de faire un site en utilisant une feuille de style CSS, du HTML pour la partie statique et du PHP pour le moteur dynamique mais la ma question concerne les différences d'affichage que l'on peut rencontrer sous IE et Firefox.
Premièrement J'ai l'impression que Firefox est beaucoup plus "logique" que IE concernant notamment les balises.
Je dis ca parceque j'ai fais une liste non ordonnée <ul> pui j'ai appliqué un background bleu en fond, et la stupéfaction :
SOUS IE :
Les balises <li> a l'intérieur du <ul> occupe tout l'espace du <ul> on est donc obligé d'appliqué un padding-left important afin que les puces apparaissent
Une fois ce problème résolu j'ai maintenant un problème que je n'arrive pas à résoudre d'ou ce post
:Voici les images :
SOUS IE :
http://www.sidem.ch/ie.jpg
SOUS Firefox :
http://www.sidem.ch/fire.jpg
Comme vous pouvez le constater, sous IE il y'a un léger décalage du texte qui se trouve au meme niveau que ma liste ...?
Impossible je n'arrive pas a faire qu'il n'y est pas ce décalage...
Voici mon code CSS :
ul#menuespacepro {
float: left;
width: 150px;
margin: 0 0 0 5px;
background:yellow;
padding-left: 20px;
}
ul#menuespacepro li{
list-style-type:circle;
background:#345555;
}
div#contespacepro {
background:red;
}
div#clearboth {
clear: both;
}et le code HTML:
<ul id="menuespacepro">
<li>Gérer vos clients</li>
<li>Gérer vos clients</li>
<li>Gérer vos clients</li>
</ul>
<div id="contespacepro">espace<br>hh</div>
<div id="clearboth"></div>Merci a tous
.
