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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS - les blocs float:left acceptent mal les padding et margin

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS - les blocs float:left acceptent mal les padding et margin

n°1287449
miltonis
Posté le 19-01-2006 à 12:41:49  profilanswer
 

Bonjour à tous  :)  
 
Cela fait preque deux jours que je suis sur cette page qui m'a posé énormemment de problemes. Je ne suis pas un expert en CSS mais je veux aussi être aux normes. J'ai fait le maximum, maintenant j'ai besoin d'un coup de main ou d'une ligne directive  ;)  
 
sur cette page : xxxxxxxxxxxxxxxxxxxxxxxx
 
1- Sous Firefox il y a un souci de padding(?) à droite des blocs rouges de titre, alors qu'ils devraient être alignés avec l'image d'en dessous.  
pourtant la taille (width) équivaut à la somme de 320px pour le texte et de 150px pour l'image, cad 470px.......  
 
2- autre souci les padding (encore) à l'intérieur du bloc texte.  
Si j'ajoute un padding-left par ex, l'image descend et fait comme si elle n'avait pas de float:left!!  
 
3- même chose pour le bloc de texte du bas (rose) qui n'accepte pas les paddings car deux blocs en float:left
j'en ai fait deux. celui du dessus, se monte très bien sous Firefox mais avec  IE il y boulette!
 
Que faire?  
j'ai beau jouer avec les padding/margin, pas de résultat.  
merci de votre coup de main  :)  
 
Cevi


Message édité par miltonis le 08-02-2006 à 15:55:24
mood
Publicité
Posté le 19-01-2006 à 12:41:49  profilanswer
 

n°1287468
miltonis
Posté le 19-01-2006 à 13:12:48  profilanswer
 

euh.
j'oubliais le CSS concerné :

Code :
  1. .width_titles {
  2. width: 520px;
  3. voice-family: "\"}\"";
  4. voice-family:inherit;
  5. width: 470px;
  6. }
  7. h2#title01_star {
  8. clear: both;
  9. background-color: #CC3300;
  10. color: #FF9999;
  11. font-family: Verdana, Arial, Helvetica, sans-serif;
  12. font-size: 10px;
  13. font-weight: bold;
  14. text-align: left;
  15. padding: 2px 0 0 5px;
  16. margin: 0;
  17. }
  18. h1#title_star {
  19. background-color: #CC3300;
  20. color: #FFFFFF;
  21. font-family: Verdana, Arial, Helvetica, sans-serif;
  22. font-size: 10px;
  23. font-weight: bold;
  24. text-align: left;             
  25. padding: 0 0 3px 5px;
  26. margin: 0;
  27. }
  28. div#star {
  29. background-image: url('Pics/fond_content.gif');
  30. width: 470px;
  31. height: 122px;
  32. padding: 0 0 0 0;
  33. margin: 0;
  34. }
  35. div#text_star {
  36. float: left;
  37. background-image: url('Pics/fond_content.gif');
  38. /*padding: 0 4px 0 6px;*/
  39. margin: 0;
  40. text-align: justify;
  41. width: 320px;
  42. height: 122px;
  43. }
  44. div#image_star {
  45. float: left;
  46. width: 150px;
  47. height: 122px;
  48. margin: 0;
  49. }


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

  CSS - les blocs float:left acceptent mal les padding et margin

 

Sujets relatifs
CSS - float: right; & position: fixed; ???[résolu][CSS] Probléme avec... FF !
[CSS] Problème de largeur ![CSS] correspondance entre taille du texte et realité sur l'ecran
[CSS] Comment optimiser le chargement des pages avec un menu fixeMAP et CSS
[CSS] Bordure d'une image imaginaire[CSS/JS] comment modifier tuto galerie photo sur alsacreations ?
Du flash dans mon code CSS 
Plus de sujets relatifs à : CSS - les blocs float:left acceptent mal les padding et margin


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