Bonsoir à tous.
Je me suis lancé dans la confection d'un nouveau site Web, afin de me perfectionner un peu dans le XHTML/CSS/PHP.
J'en suis au design global de la page, que vous pourrez retrouver ici : ######### Merci de mettre ce lien dans ton profil.
yoda1234.
Mon problème est de positionner les différents blocs :
- pour le haut de page, tout va bien à la fois sous IE et Firefox.
- pour le corps de la page, celui-ci est bien positionné sous Firefox mais pas sous IE (à savoir qu'il doit se trouver sur la gauche, sous la barre avec les boutons).
- pour le menu utilisateur, celui-ci est bien positionné sous Firefox et IE (à savoir qu'il doit se trouver sur la droite, juste en dessous de la barre avec les boutons).
- pour les statistiques du site, le bloc est mal positionné à la fois sous Firefox et IE (je souhaiterais queil soit situé exactement en dessous du bloc menu utilisateur).
Je note également un petit problème avec une des marges sous IE...
Pourriez-vous m'aider à mettre en place un code pour bien positionner mes blocs à la fois sous IE et Firefox ?
Voici le code à l'heure actuelle (je n'ai pas mis le CSS pour les boutons étant donné que ces derniers ne posent pas de problème ici) :
Code:***** CODE XHTML ***** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>Gripsou-Clic</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="content-language" content="fr" /> <link rel="shortcut icon" type="image/x-ico" href="" /> <link rel="stylesheet" media="screen" type="text/css" title="Standard" href="boutons.css" /> <link rel="stylesheet" media="screen" type="text/css" title="Standard" href="style.css" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="author" content="jeryagor"/> <meta name="reply-to" content="webmaster_jeryagor@yahoo.fr" /> </head> <body> <div id="page"> <!-- HAUT DE PAGE --> <div id="banniere"> <img src="images/banniere.jpg" /> </div> <div id="menu_superieur"> <span class="bouton_accueil"><a href=""></a></span> <span class="bouton_visites_remunerees"><a href=""></a></span> <span class="bouton_espace_membres"><a href=""></a></span> <span class="bouton_espace_annonceurs"><a href=""></a></span> <span class="bouton_faq"><a href=""></a></span> <span class="bouton_contact"><a href=""></a></span> </div> <!-- MENUS LATERAUX --> <div id="menu_utilisateur"> <p> Test menu utilisateur </p> </div> <div id="stats_site"> <p> Test statistiques site </p> </div> <!-- CORPS DE LA PAGE --> <div id="corps"> <p> Test pour le texte du corps de la page. </p> <p> Test pour le texte du corps de la page. </p> <p> Test pour le texte du corps de la page. </p> <p> Test pour le texte du corps de la page. </p> <p> Test pour le texte du corps de la page. </p> <p> Test pour le texte du corps de la page. </p> <p> Test pour le texte du corps de la page. </p> <p> Test pour le texte du corps de la page. </p> </div> <!-- PIED DE PAGE --> </div> </body> </html> </code> ***** CODE CSS ***** body { background-color:#98CC30; } #page { background-color:#F2FFBF; border:solid medium #006600; width:980px; margin:auto; } #banniere { } #menu_superieur { width:900px; padding-top:10px; margin:auto; } #corps { width:700px; border:solid medium #006600; margin:10px; padding:10px; margin-top:50px; } #menu_utilisateur { width:200px; border:solid medium #006600; margin-top:50px; margin-right:10px; padding:10px; float:right; } #stats_site { width:200px; border:solid medium #006600; margin-top:140px; padding:10px; float:right; }
Merci d'avance
-----
