probléme bordure div sous ie et pas sous firefox/netscape

Eléphanteau du PHP | 35 Messages

19 déc. 2005, 18:17

Bonjour,
j'ai besoin d'aide, une ligne blanche horizontale de 2px de haut
sépare mes 2 divs, elle n'apparait que sous ie, sinon ailleurs c'est
parfait.
La solution serait de mettre un fond vert (lime) au div du haut,
mais ça ne me satisfait pas, je veux enlever cette ligne de 2 pixels,
cad qu'elle n'apparaisse plus sous ie.

Code : Tout sélectionner

<html><head><title>probléme bordure blache</title> <style> body { margin: 0; padding: 0; text-align: center; } div { margin-left: auto; margin-right: auto; width: 480px; text-align: justify; } li, ul { float : left; margin: 0px; padding: 0px; display: inline; height:22px; } </style> </head> <body> <div> <ul> <li><img src="i1.gif"></li> <li><img src="i2.gif"></li> <li><img src="i1.gif"></li> <li><img src="i2.gif"></li> </ul> </div> <div style="background-color:lime;"> [Texte] Bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, </div> </body> </html>
et les 2 images utilisées (4 images de 120x22px, styles boutons) :

Image
Image

Merci d'avance pour vos réponses et votre aide :D
vede
;O]

ViPHP
ViPHP | 649 Messages

19 déc. 2005, 23:55

Je te le dis, le problème, il vient pas de firefox ni des autres fureteurs, c'est IE qui l'interprète comme tu veux, ce qui n'est pas la bonne manière. Si tu veux une ligne blanche, rajoute ceci à ton div du haut: border-bottom:2px solid white;.

Aussi, je te rappelle que la balise <style> requiert l'attribut type, auquel tu donnes la valeur text/css, comme ceci:

Code : Tout sélectionner

<style type="text/css">
Et dans ta feuille de style, tu as écrit li, ul [-X C'est probablement inversé :wink:
Image