Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1227 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1206080
xtof_83
Freeride Spirit
Posté le 23-09-2005 à 16:51:25  profilanswer
 

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. }
  8. .newsbarre {
  9. font: 12px/20px normal arial, helvetica, sans-serif;
  10. padding: 0px;
  11. margin: 0px;
  12. width:100%;
  13. background-color: #212121;
  14. color: #FFF;
  15. height: 20px;
  16. }
  18. .newsbarre .newshautdroite {
  19. float:right;
  20. }
  22. .newsbarre .newstitre {
  23. float:left;
  24. }
  26. .newsbarre li {
  27. display: inline;
  28. list-style-type: none;
  29. }


 
Merci


Message édité par xtof_83 le 23-09-2005 à 16:52:57
mood
Publicité
Posté le 23-09-2005 à 16:51:25  profilanswer
 

n°1206103
omega2
Posté le 23-09-2005 à 17:17:20  profilanswer
 

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é.

n°1206106
gatsusat
Posté le 23-09-2005 à 17:18:39  profilanswer
 

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

n°1206122
xtof_83
Freeride Spirit
Posté le 23-09-2005 à 17:33:29  profilanswer
 

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...

n°1206341
xtof_83
Freeride Spirit
Posté le 24-09-2005 à 00:11:39  profilanswer
 

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... ;)

n°1206355
plainsofpa​in
Pingouino's lover
Posté le 24-09-2005 à 09:00:07  profilanswer
 

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
n°1206391
xtof_83
Freeride Spirit
Posté le 24-09-2005 à 11:26:26  profilanswer
 

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

n°1206415
gatsusat
Posté le 24-09-2005 à 11:44:48  profilanswer
 

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.

n°1206441
xtof_83
Freeride Spirit
Posté le 24-09-2005 à 12:36:28  profilanswer
 

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

n°1206449
gatsusat
Posté le 24-09-2005 à 13:04:01  profilanswer
 

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

mood
Publicité
Posté le 24-09-2005 à 13:04:01  profilanswer
 

n°1206452
xtof_83
Freeride Spirit
Posté le 24-09-2005 à 13:14:25  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
pb de menu CSS[CSS] bug IE ?
Héritage de taille em (CSS).CSS : problème de border
Pas vraiment HTML/CSS/Javascript mais...[CSS] validité w3c
mini base de données en java pur[resolu][Algo][C++] Mini Raytracing
[CSS] Adieu tableau, à moi la puissance du css [MAJ]Decalage classique en CSS
Plus de sujets relatifs à : CSS IE mini prob...déjà vu mais jarrive pas à mettre la main dessus

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.065 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR