28172 sujets

CSS et mise en forme, CSS3

La colonne du centre n'est pas alignée avec le reste.

Bonjour à tous le monde Smiley smile

Je crée un site actuellement de presse avec un design en 3 colonnes, voilçi le code XHTML de ma page :


<html>
<body>
    <div id="container">
        <div id="header">
        </div>
        <div id="menutop">
        </div>
        <div id="menugauche">
        </div>
        <div id="menudroite">
        </div>
        <div id="contenu">
        </div>
        <div id="footer">
        </div>
    </div>
</body>
</html>


Et le CSS associé :


#container {
	width: 1200px;
	margin: auto;
	}

#menudroite { 
	float: right; 
	width: 220px;
	}
#menugauche { 
	float: left; 
	width: 220px;
	}
#contenu {
	margin-left: 230px;
	margin-right: 230px;
	}


Normalement mes 3 colonnes doivent être alignées mais la colonne du centre "contenu" est légèrement plus basse que les autres colonnes "menugauche et menudroite".
Je trouve pas de solution pour ce problème, j'ai essayé sur d'autres navigateurs et sur d'autres ordinateurs le problème reste tourjours.
Voici une petite capture pour vous montrer à quoi ça ressenmble :
http://www.monsterup.com/upload/1359818492922.png

Merci pour votre aide Smiley smile
Modifié par Gyne (02 Feb 2013 - 16:52)
Bonjour,

Je pense que c'est un oubli de votre part mais vos id de div ne sont pas complétées par un guillemet.
rodolpheb a écrit :
Bonjour,

Je pense que c'est un oubli de votre part mais vos id de div ne sont pas complétées par un guillemet.


Merci rodo pour ta réponse mais c'est juste des fautes de frappe lors de la saisie du message.

J'ai pas encore trouvé de solution cela gâche pour moi tout le plaisir du site.
On fait j'ai trouvé d'ou vient le problème et j'étais très surpris !
Le problème vient du fichier lui même ! Je m'explique, J'ai créer un nouveau fichier vide et j'ai coller dessus le code de mon ancien fichier et ça à marché avec le même code, le problème vient du fichier lui même.
Sujet clos
Aller à