Erreurs affichage CSS

Bonjour ,

On va directement dans le concret. Je m'occupe de l'aspect design d'une page. J'ai deux problèmes.

Le lien de la page est : http://maxishare.alwaysdata.net/.

Le premier problème et le plus important. Il y a une erreur d'affichage de ma page sur Firefox et Internet Explorer. Une partie blanche en dessous ne servant à rien s'affiche. Tout est nickel par contre sur Google Chrome.

http://i.imgur.com/Jlgns.jpg
L'erreur d'affichage sur Firefox et Explorer.

http://i.imgur.com/7seJr.jpg
Le résultat voulu et disponible sur Chrome.

Je pense que cela est dû au positionnement de la balise h1 différente sur Firefox et Explorer par rapport à Chrome. De plus, je soupçonne la partie css dédiée à l'image femme-écoutant-musique.jpg source du problème.

Résolu. Deuxième problème mineur. Je n'arrive pas à aligner les champs du formulaire Inscription. Un peu de CSS devrait arriver à bout de cette erreur.

Merci d'avance pour votre aide,
Modifié par hopper (11 May 2011 - 14:54)

Fait un reset CSS : http://www.alsacreations.com/astuce/lire/36-reset-css.html
Pour aligner le formulaire : http://www.siteduzero.com/tutoriel-3-33971-aligner-ses-formulaires-sans-tableaux.html

Merci pour ton aide . L'alignement du formulaire marche bien mais je n'ai rien pu faire avec le reset CSS.
Pourrais-tu détailler un peu plus ?

Si ça viens du Code que met les navigateurs, le reset va mettre un truc standard pour tout le monde. Met le code proposé avant tout code css, et tu met ton code css juste après. Normalement, il y aura plus de bugs, sinon, ton design est foireux.

Cela ne marche pas. Merci de m'aider !

C'est urgent. Je sais que vous n'en avez rien à faire mais SVP, je suis pressé, j'aimerais bien que quelqu’un me sauve la mise.

http://perlbal.hi-pi.com/blog-images/107374/mn/1187373790/Encore-encore-encore.jpg

Aidez-moi SVP !

HELP !

EDIT: Je croyais que cette communauté était plus collaborative, j'aurais peut-être dû aller sur le SDZ.

Bonjour,

ton problème vient de tes sections, dont une a un float right mais un clear:both alors que tu veux réellement qu'elle s'affiche à droite de ton autre section... ton architecture html est pour moi vraiment bizarre...
il y a énormément de position:relative alors que ta mise en page est réellement basique.
Je pense qu'il te faut revoir tout ça et tenter autrement pour avoir un rendu " normal ".


Exemple : Dans le header, ton div#connexion est après ton p dans le flux, donc tu es obligé de jouer avec du relative pour le placer au dessus à l'affichage. Essaye peut-être déjà de corriger tout ces détails.

Sinon :

Utiliser un reset.css est une bonne idée, mais tu devras revoir une grande partie de ton CSS, j'ai testé avec l'ajout du reset.css YUI 2 dans ta page, elle n'a pas du tout le même look .