Discussion :

[Sigleol]

Bonjour,

Débutant en développement web je me suis lancé dans l'univers css en souhaitant - des plus naïvement - que tout irait bien :-)

De recherches en farfouilles il m'est arrivé de frôler du bout des doigts quelques solutions bienheureuses, mais il advient touours un moment où tout s'embrouille !

J'en oublie cependant de vous présenter mes biens modestes soucis qui s'illustrent à l'adresse suivante :

http://test.amiralys.com/

Sous IE 7 (n'ayant pas le 6 je ne sais vraiment ce à quoi m'attendre), le site est grosso modo dans mes attentes. En fait, à droite du <div> orange comprenant "Matériel Agricole et Espaces Verts" se trouve un autre <div> coloré en vert et comprenant un futur cadre de recherche.

Mon pb est, vous l'aurez compris, de faire apparaître ce div "vert" à sa place. J'ai tenté plusieurs solutions mais sans résultat, il semblerait... timide ?

En positionnement absolue il n'apparait plus et placé dans le flux de la page il se décale d'autant vers le bas que la hauteur du div orange (occasionnant ainisi un décalage global).

Sous Firefox 2, c'est la dégringolade, le "container" ne laisse pas apparaître ses contours, certains div se décalent (pb de gestion du padding ?).

Bref, vous l'aurez compris, de votre aide et votre sagesse grand besoin j'ai !

Merci.
Sig.

[Sigleol]

Apres diverses modifications le problème principal d'affichage est résolu sous IE7 mais reste problématique sous Firefox.

Je n'arrive pas à saisir quelle balise firefox n'interpète pas ou mal pour que le header disparaisse ainsi.

[magnus2005]

Je suis allé voir ta page mais tu sembles avoir mis en commentaire le header
Essai déja de valider ta page via :
http://validator.w3.org/check?uri=ht...miralys.com%2F

[Sigleol]

Hello,

Tu as du tomber au moment où je faisais des essais

La page est désormais validée, en revanche sous Firefox le pb persiste (absence d'apparaition du "container" ainsi que du "header"), de même, sous Safari le "container" ne semble pas apparaître.

Je n'arrive pas vraiment à trouver d'où provient cette incompatibilté

merci :-)

[magnus2005]

J ai essaye sous FF2 (windows et linux) et sous IE 6 et IE 7 je vois exactement la meme chose
je vois tres bien le header avec l animation avec le tracteur et la moiss bat ....
Et tu sur que l install Flash fonctionne bien sous ton FF et ton safari ?

[Sigleol]

En effet je viens de lancer FF2 et tout apparait :-D

Je n'ai pourtant rien retouché depuis tout à l'heure, à part le commentaire qui n'etait pas valide.

La seule chose qui persiste est l'absence de bordure sous FF et Safari, mais ce n'est pas fondamentalement gênant.

Merci pour tes retours :-)


Alors pour les bordures j'ai également compris que cela provenait des éléments en "float". En suivant une explication j'ai pu faire en sorte que les contours apparaissent sous FF et Safari, en revanche est apparu une barre de défilement verticale sous FF et une horizontale sous IE7.

Le code ajouté est un "overflow:auto;" au bloc "container".


Nouvelle solultion apportée par l'emploi d'un "spacer" (div forçant les éléments à rentrer dans le flux du conteneur auquel on applique la fonction "clear:both;").

pb résolu, c'est toujours ça d'appris ;-)