CSS IE mini prob...déjà vu mais jarrive pas à mettre la main dessus

CSS IE mini prob...déjà vu mais jarrive pas à mettre la main dessus - HTML/CSS - Programmation

Marsh Posté le 23-09-2005 à 16:51:25    

Coucou
 
Voilà sous iE jai une petite barre de trop sous ma barre...
 :sweat:  
 
Tout tenter pour pallier au probléme, mais rien....
 
photo:
 
http://img397.imageshack.us/img397/2043/test8jd.jpg
 
 
CODE
 
HTML:
 

Code :
  1. <div class="newsbox">
  2.     <ul class="newsbarre">
  3.       <li class="newshautdroite"><img src="/images/newsdr.bmp" width="5" height="20" alt="bd" /></li>
  4.       <li class="newshautdroite">date</li>
  5.       <li class="newstitre"><img src="/images/newsga.bmp" width="5" height="20" alt="bg" /></li>
  6.       <li class="newstitre">Lorem ipsum</li>
  7.     </ul>
  8.     In magna felis, accumsan id, mattis eget, suscipit a, pede. Praesent magna lectus, viverra id, fermentum sed, placerat sit amet, ante. Vestibulum lobortis. Suspendisse tortor nulla, convallis eu, molestie rhoncus, porta et, libero. Praesent suscipit iaculis ante. Curabitur eget lorem. Sed et enim quis orci ullamcorper pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam ut felis. Nam posuere magna ac libero. Cras lacus felis, volutpat at, porttitor sed, pretium at, ligula.
  9.     <ul class="newsbarre">
  10.       <li class="newshautdroite"><img src="/images/newsdr.bmp" width="5" height="20" alt="bd" /></li>
  11.       <li class="newshautdroite">Créateur</li>
  12.       <li class="newstitre"><img src="/images/newsga.bmp" width="5" height="20" alt="bg" /></li>
  13.       <li class="newstitre">Lien</li>
  14.     </ul>
  15.   </div>


 
CSS
 

Code :
  1. .newsbox {
  2. clear:both;
  3. margin:0px 100px;
  4. padding:0px;
  5. _text-align:left;
  6. }
  7. .newsbarre {
  8. font: 12px/20px normal arial, helvetica, sans-serif;
  9. padding: 0px;
  10. margin: 0px;
  11. width:100%;
  12. background-color: #212121;
  13. color: #FFF;
  14. height: 20px;
  15. }
  16. .newsbarre .newshautdroite {
  17. float:right;
  18. }
  19. .newsbarre .newstitre {
  20. float:left;
  21. }
  22. .newsbarre li {
  23. display: inline;
  24. list-style-type: none;
  25. }


 
Merci


Message édité par xtof_83 le 23-09-2005 à 16:52:57
Reply

Marsh Posté le 23-09-2005 à 16:51:25   

Reply

Marsh Posté le 23-09-2005 à 17:17:20    

le margin ou le padding du "li" contenant l'image est surement à l'origine du probléme.
A moins que ca soit plus simplement ton image qu'est trop petite pour masquer le bout de la zone coloré.

Reply

Marsh Posté le 23-09-2005 à 17:18:39    

technique conne : le conteneur tu lui fixe sa hauteur, et tu lui fout un overflow:hidden

Reply

Marsh Posté le 23-09-2005 à 17:33:29    

Euh enfin c'est pas top comme technique conne? :sweat:
 
il y a rien d'autre?
 
j'avais mis padding et margin dans les li...mais rien...

Reply

Marsh Posté le 24-09-2005 à 00:11:39    

Euh, bon toujours personne?
 
C'est pas que ce bug me gêne vraiment, à force je trouve même ça jolie...
 
Voudrais juste savoir pourquoi je trouve pas... ;)

Reply

Marsh Posté le 24-09-2005 à 09:00:07    

Ben la technique de gatsu marche bien a priori :p


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 24-09-2005 à 11:26:26    

oki mille escuse.... :sweat:
 
Merci ;)

Reply

Marsh Posté le 24-09-2005 à 11:44:48    

ma technique est surtout là pour que tous les élément d'un conteneur ne gachent pas la mise en page s'ils dépassent.

Reply

Marsh Posté le 24-09-2005 à 12:36:28    

oui oki...
 
enfin j'arrive pas à comprendre pourquoi l'ajout de overflow:hidden agit ainsi....
 
Mais ça c'est comme toutes les combines pour pallier les bugs IE

Reply

Marsh Posté le 24-09-2005 à 13:04:01    

nan pour pallier à certains defauts de mise en page tout simplement ou defaut de conception CSS de l'interface Chaise-Clavier
 
sinon faudrait te renseigner sur le modele de boite MS et le modele de boite W3C tu comprendras pleins de choses

Reply

Marsh Posté le 24-09-2005 à 13:04:01   

Reply

Marsh Posté le 24-09-2005 à 13:14:25    

C'est noté, vais chercher ces informations sur le net.... merci ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed