28173 sujets

CSS et mise en forme, CSS3

Voilà, après plusieurs heures de travail je fus en mesure de compatibiliser mon design le plus que je le pouvais, mais j'ai besoin de votre aide pour compléter cette tâche.

Le site s'affiche parfaitement dans Firefox 1.5.0.2, Opera 8.52 et Internet Explorer 7

Cependant, Internet Explorer 6 continue à faire ses caprices...

Jugez par vous même! http://dev.ivao.ca/design/index.htm

Feuille de style CSS: http://dev.ivao.ca/design/img/style.css

Merci de m'aider à cerner et régler le problème!
Salut Mathieu,
je penche pour le bug des Three pixels jog, car quand on réduit la taille du block qui est contre le flottant, ça passe.
Ce bug est expliqué ici:
http://www.test.blog-and-blues.org/haslayout/index.html
Maintenant dans ton cas le plus simple me paraît être de passer :
#header_bottom_right
{
	width: 655px;
	height: 49px;
	margin-left: 140px;
}


en :
#header_bottom_right
{
  float:left;
	width: 655px;
	height: 49px;
}

plus de bug comme ton bloc devient flottant

A plus
Merci

Le même problème survient avec #header_bottom_right_bottom_container mais puisqu'il s'agit de l'arrière plan au complet et avec cette largeur je ne peux pas appliquer la meme correction (#header_bottom_right_bottom_title étant de longueur variable)

J'ai essayé de mettre float: left; à #header_bottom_right_bottom_container mais il fait seulement disparaître pour une raison que j'ignore :s

Edit: Si je met du contenu dans #header_bottom_right_bottom_container, il apparait correctement et collé mais seulement de la longueur du texte qu'il contient, j'aimerais qu'il se rende jusqu'à l'extrémité mais je ne sais pas comment...

Edit 2: En enlevant la hauteur fixe de #header_bottom_right_bottom_container et en le mettant en float, je réussis à lui faire remplir l'espace de droite, mais cela ne fonctionne seulement que lorsqu'il y a du texte à l'intérieur. Comment obtenir le même effet sans avoir besoin de mettre du texte à l'intérieur? Pour l'instant j'ai fait une solution "croche" (mettre un _ de couleur blanche comme texte).
Modifié par mathieumg (02 Apr 2006 - 17:27)