28172 sujets

CSS et mise en forme, CSS3

Bonjour,
j'ai actuellement un sérieux problème sur un site. Un problème d'affichage.
l'adresse est : http://www.agence-reseaux.com/collectivia/

Sur Firefox, Safari, Iceweasel, Icecape, Konqueror, Navigator ou encore MSIE 8, pas de problème d'affichage mais sur MSIE 5, 6 et 7, mon bloc de gauche descend dans ma page, et celui de droite remonte. Voir la copie d'écran ci-dessous :

upload/8528-affichagems.png

Un problème de CSS, mais je ne parviens pas à l'isoler.

Afin de ne pas surcharger la page avec du code, voici l'adresse de ma feuille de styles :
http://www.agence-reseaux.com/collectivia/style.css

Quelqu'un aurait-il une idée brillante ?

Merci par avance.

Petite précision, la page est valide en HTML Transitionnal :
Valide HTML 4.0.1
Modifié par klerdesign (24 Jun 2008 - 12:41)
Oui, merci. En plus j'avais un joli doublon !
J'ai supprimé la hauteur fixe. C'est déjà un début, mais le problème persiste. Smiley decu

Et le pire c'est que l'affichage est toujours correct dans IE 8 !
Pour une fois que la dernière version de Explorer ne me joue pas des tours !

Mais toujours ce problème de chute libre des blocs sous IE 4.5, IE 5.5, IE 6.0 et IE 7.0 !!!
Arghhl...

Est-ce le margin de mon #content (le bloc de droite) qui provoque ce vif désagrément ?!

#content { 
margin: 0 auto; 
width: 420px; 
float: right;
}


et mon bloc de droite :

#sidebar {
width: 260px;
float: left;
}


Je ne vois vraiment pas...
Modifié par klerdesign (24 Jun 2008 - 20:23)
Re,

Une autre petite visite, il me semble que tu fermes ton bloc #wrapper juste après ton bloc #sidebar donc ton bloc #content ne peut pas "flotter" à droite de celui ci , ils ne sont pas dans le même conteneur Smiley cligne
Essaye de fermer #wrapper après #content.

Heu des <ul> ne peuvent contenir que de <li> et pas trop de <h2> Smiley cligne
Merci pour ces précisions. En effet ma source n'est pas toute propre !!!
Je teste ça demain matin mais a priori la fermeture du #wrapper devrait fonctionner ! Ca semble même évident...
Mais où ais-je la tête ?
Merci encore pour avoir passé un peu de temps à regarder mon code. C'était bien la fermeture du #wrapper.
Je ne sais pas ce que j'ai fait, je l'ai fermé trop tôt.

Au fait, rien à voir avec le sujet, mais pour tester mon site sur plusieurs navigateurs, j'utilise :browsershots

Merci encore,
Kler.