Contenu d'un bloc qui s'affiche mal sur SAFARI...

Lorsque j'applique le css suivant, sur firefox j'ai mon cadre gris avec mon contenu et le cadre englobe mon contenu pour chacun de mes paragraphes, mais sous safari, c'est le chantier... le cadre n'apparaît pas et les contenus se chevauchent...

code css appliqué pour chaque paragraphe :

span {
width:500px;
float:left; 
padding:10px; 
margin-bottom: 20px;
border-style:solid; 
border-width:1px; 
border-color:#ccc; 
}

Avec le code html associé :

<span> 
<h1>...titre....</h1>
        <p>........................contenu explicatif......................</p>
         <ul>
             <li>gallerie d'images vignettes cliquables</li>
             <li>gallerie d'images vignettes cliquables</li>
             <li>gallerie d'images vignettes cliquables</li>
         </ul>
 </span>

Je pense appliquer correctement le code... peut-être me manque-t-il des éléments pour que ça marche dans tout type de navigateur... J'aimerais que ça apparaissent correctement dans les navigateurs (firefox, safari et IE 6 et 7).

Merci pour vos réponses...

Bonjour h.lavoignat et bienvenue ,

h.lavoignat a écrit :
Je pense appliquer correctement le code...

Pas tout à fait : l'élément SPAN est de type en ligne et ne doit pas contenir d'éléments de type bloc (il faudrait le remplacer par son équivalent bloc DIV, également neutre sémantiquement).

h.lavoignat a écrit :
peut-être me manque-t-il des éléments pour que ça marche dans tout type de navigateur...

As-tu renseigné un DOCTYPE ?

Peut-être que le mieux serait de reprendre du début. Un petit tour sur cet article : comment débuter et trouver l'information ?, ainsi que dans les Tutoriels et dans la FAQ devrait déjà bien t'informer sur les standards du web et la manière de faire un site conforme.

Bonne continuation .
Modifié par Heyoan (13 Jul 2008 - 20:53)

si je met une taille définie en hauteur, ça marche... pourquoi , si je souhaite que le bloc s'adapte à son contenu (plus ou mois long), ça ne marche pas... ?

oui, j'ai appliqué un DOCTYPE conforme au W3C...

A l'exception du SPAN qu'il faudrait remplacer par un DIV je n'obtiens pas de problème de rendu...

Une page en ligne ?