[Résolu] placé le corps au centre par Grichka - page 1

Re salut!
j'ai un souci avec le corps de mon site! Il se mets en dessous des menus au lieu de se mettre à droite!
regardé :
Image utilisateur

Il devrait être en haut à coté des menus!
mais je ne sais pas comment on fait!
J'ai utilisé float: left pour les menus pourtant (enfin je crois que c'est ce qu'il fallait faire) mais ca marche pas!
Voici mon code

<!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>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="test1.css" />
</head>
<body>

<div id="en_tete">
<a href="http://seaoflies.free.fr/"><img src="images/header.gif" alt="header"></a>
</div>

<div id="menu">
<div class="element_menu">
<A onmouseover="document.photo.src='images/accueil2.jpg'"
onmouseout="document.photo.src='images/accueil.jpg'"
href="accueil.html"><IMG src="images/accueil.jpg" name="photo"></A><A onmouseover="document.news.src='images/news2.jpg'"
onmouseout="document.news.src='images/news.jpg'"
href="news.html"><IMG src="images/news.jpg" name="news"></A><A onmouseover="document.chroniques.src='images/chroniques2.jpg'"
onmouseout="document.chroniques.src='images/chroniques.jpg'"
href="chroniques.html"><IMG src="images/chroniques.jpg" name="chroniques"></A><A onmouseover="document.livereports.src='images/live-reports2.jpg'"
onmouseout="document.livereports.src='images/live-reports.jpg'"
href="live-reports.html"><IMG src="images/live-reports.jpg" name="livereports"></A><A onmouseover="document.interviews.src='images/interviews2.jpg'"
onmouseout="document.interviews.src='images/interviews.jpg'"
href="interviews.html"><IMG src="images/interviews.jpg" name="interviews"></A><A onmouseover="document.staff.src='images/staff2.jpg'"
onmouseout="document.staff.src='images/staff.jpg'"
href="staff.html"><IMG src="images/staff.jpg" name="staff"></A><A onmouseover="document.liens.src='images/liens2.jpg'"
onmouseout="document.liens.src='images/liens.jpg'"
href="liens.html"><IMG src="images/liens.jpg" name="liens"></A><A onmouseover="document.forum.src='images/forum2.jpg'"
onmouseout="document.forum.src='images/forum.jpg'"
href="forum.html"><IMG src="images/forum.jpg" name="forum"></A>
</div>
</div>

<div id="gaine_elec">

</div>
<div id="element_menu">
<div class="menu_ajouts">

</div>

<div class="menu_concerts">

</div>

<div class="menu_cds">

</div>
</div>

<div id="corps">

</div>

body
{
width: 1000px;
margin: auto;
margin-top: 10px;
margin-bottom: 20px;
background-color: #B1B1B1;
background-image: url("images/fond.jpg");
background-repeat: no-repeat;
background-position: center;
}
a img
{
border: none;
}

#en_tete
{
margin-bottom: 5px;
margin-left: 12px;
margin-top: 10px;
}

#menu
{
margin-bottom: 10px;
margin-left: 12px;
}

#element_menu
{
float: left;
}

.menu_ajouts
{
height: 351px;
margin-bottom: 5px;
margin-left: 10px;
background-image: url("images/dernierajouts.gif");
background-repeat: no-repeat;
}

.menu_concerts
{
height: 234px;
margin-bottom: 5px;
margin-left: 10px;
background-image: url("images/concert.gif");
background-repeat: no-repeat;
}

.menu_cds
{
height: 234px;
margin-bottom: 5px;
margin-left: 10px;
background-image: url("images/cds.gif");
background-repeat: no-repeat;
}

#corps
{
margin-left: 300px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
border: 2px solid black;
}

Quelqu'un peut il m'aider svp??

Merci!

Grichka

18 décembre 2005 à 16:31:43

scaler

18 décembre 2005 à 16:36:14

salut

c'est sur le bloc #menu qu'il faut mettre la propriété float ainsi qu'une largeur, sinon il prend 100% de la largeur de son conteneur... Relis les cours du SDZ, il y a un exemple exactement similaire tout à la fin, dans la section créer son design.

@++

18 décembre 2005 à 16:38:38

c'est cool ca marche! merci!

placé le corps au centre

placé le corps au centre

Supprimer

Modérer

Signaler le message aux modérateurs