Forum Programmation.web Pb CSS et clear:both;

• # Euh, c quoi le pbm en fait ?

  Posté par Julien Portalier le 28 juillet 2004 à 02:40. Évalué à 4.

  

  J'aimerai bien t'aider, mais il faudrait un peu plus d'explciation (voire un bout de code) pour pouvoir le faire, je ne saisi pas vraiment le but de la question, ni le problème.
  
  Sauf que pour utiliser le [div style="clear: xxx"][/div], il faut bien faire attention de où on le place dans la structure, et bien faire attention à ne pas abuser du "both", mais à utiliser aussi beaucoup "left" et "right". À noter que MSIE comprend bien l'attribut CSS "clear", mais il faut faire un petit peu attention.
  
  Un bon test aussi pour les "clear" c'est d'essayer son site sous Konqueror. Mozilla est un peu plus permissif que les autres navigateurs (sur ce point du moins), alors on a du mal à anticiper certains problèmes.

  • [^] # Re: Euh, c quoi le pbm en fait ?

    Posté par inz le 28 juillet 2004 à 11:09. Évalué à 2.

    

    J'ai pas tout compris non plus, mais si tu veux un truc sous IE qui ressemble a ce que je vois sous moz, faudrait enlever les lignes suivantes à partir des dépêches :
    
    <div style="clear: both;"></div>
    
    Ca m'etonne meme que ca passe sous mozilla. Mon explication serait que comme la boîte est vide, mozilla ignore tout simplement la boîte.
    
    L'attribut clear sert à forcer les côtés vides. Si tu mets clear:both sur un div, ce div n'aura rien, ni à sa droite, ni à sa gauche. Donc il le mettra en dessous de ce qui précède. Les divs qui suivent seront forcément après celui-ci, i.e. soit en dessous soit après (sauf utilisation du float).
    
    Cela dit, mettre un div vide comme ça, c'est très très laid, surtout s'il n'a pas de classe/id, ça n'a pas de sens dans le contenu.

    • [^] # Re: Euh, c quoi le pbm en fait ?

      Posté par Pooly (site web personnel) le 28 juillet 2004 à 12:25. Évalué à 1.

      

      humm, ouais en effet. Je vais voir avec Konqueror et essayer de faire ca clean. Le pb principal vient lorsque j'ajoute une image (flottante) dans la boite, la plupart du temps, elle dépasse de la boite, et chevauche les autres boites...

      • [^] # Re: Euh, c quoi le pbm en fait ?

        Posté par inz le 28 juillet 2004 à 12:51. Évalué à 2.

        

        Y'a moyen d'avoir un screenshot du problème avec le source xhtml ? ou sinon qu'on puisse le voir sur ton site. Parce que la je vois pas trop où est le problème (j'ai vu que t'as fait la modif). Ca m'étonne quand même que l'image dépasse de la boîte.

        • [^] # Re: Euh, c quoi le pbm en fait ?

          Posté par Pooly (site web personnel) le 28 juillet 2004 à 14:16. Évalué à 1.

          

          y'a pas d'image en ce moment, donc c'est assez difficile a voir, j'essaye de faire un screenshot et je le poste.
          l'image est avec un style=float:left.

          • [^] # Re: Euh, c quoi le pbm en fait ?

            Posté par Pooly (site web personnel) le 03 août 2004 à 14:10. Évalué à 1.

            

            J'ai trouvé ma réponse.
            la norme CSS ne spécifie rien pour les bordures basse, donc un float peut dépasser de la boite qui le contient par le bas. Sauf si cette boite est elle-meme en float. (merci CSS:the definitive Guide...) (et mon colloc qui me dit que ca marche pas avec IE5.5)

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.