Discussion :

[mullger]

Bonjour,

Je suis entrain de faire un site Internet. En gros, ce qu'il y a à savoir, c'est que j'ai un body avec une image dégradée grise qui se répète et le contenu de ma page, centré dans un calque qui a un fond blanc. Dans ce calque, il y en a 2 autres avec la propriété float:left; (la barre de menu) et float:right; (le contenu du site).

Dans IE, tout fonctionne. Dans Firefox et Safari, mon calque comprenant les 2 autres calques est comme inexistant du coup, j'ai des endroits où on voit le dégradé gris dans le contenu de ma page.

Que changer ?

Merci d'avance !

[CCyrillus]

Bonjour ,

dans IE , tu donne probablement une largeur a ton conteneur . ce qui lui confere le haslayout ... et englobe tes flottants.

Pour les autres navigateurs , fait une recherche sur float , clear et contexte de formatage , ainsi que sur le haslayout specifique a IE avec des effets similaire au conexte de formatage.

GC

[12monkeys]

Bonjour

En plus on cherche même pour toi : http://css4design.developpez.com/tut...flux-partie-2/

[mullger]

Nickel merci !

Autre question d'un dernier bug qui me reste entre les 2 affichages.

Les différentes parties de mon contenu sont dans différentes colonnes d'un tableau. J'ai fixé les largeurs juste et dans IE, tout apparaît l'un à côté de l'autre mais dans safari et FF, il y a un décalage qui crée un espace blanc. Je fais quoi pour ça ?

Je vous joins les printscreen pour que ça soit plus clair.

Encore merci !

[12monkeys]

Sans voir le code ou une page en ligne difficile de répondre...

[CCyrillus]

bonjour/bonsoir

Les valeurs d'alignement vertical utiles pour une cellule de tableau sont :top,middle et bottom. (en dehors de ces trois la , aucune garantie qu'elle s'applique correctement , vu qu'elle se regle sur le baseline; )

alors :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#contenu td
{
	font-size:13px;
	vertical-align:top;
	padding: 6px;
}

va bien , quand : vertical-align:text-top; va mal ...

GC