[Résolu] Bloc disparu par Kerwan - page 1

Bonjour,
Je voudrais faire un page avec 5 blocs, autant vous le dire j'ai jamais fait ça avant lol.
Voici mon code html :

<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon super site</title>
<meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />

<link rel="stylesheet" media="screen" type="text/css" title="Gazette" href="gazette.css" />
</head>

<body>

<div id="page">

<div id="en_tete">

</div>

<div id="menu">
<div class="element_menu">
<h3>Titre menu</h3>
</div>
<div class="spacer"></div>
</div>

<div id="corps">
<div class="spacer"></div>
</div>

<div class="spacer"></div>

<div id="pub1">
<p>Pub 1</p>
<div class="spacer"></div>
</div>

<div class="spacer"></div>

<div id="note">
<p>Note</p>
<div class="spacer"></div>
</div>
<div class="spacer"></div>

<div id="pub2">
<p>Pub 2</p>
<div class="spacer"></div>
</div>

<div class="spacer"></div>

<div id="pied_de_page">
<div class="spacer"></div>
</div>
</div>
</body>
</html>

Mon code CSS :

/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
http://www.siteduzero.com
*/

body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: black;
}

#page
{
background-image: url("page.jpg");
}

/* L'en-tête */

#en_tete
{
width: 762px;
height: 108px;
background-image: url("haut.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}

.droite
{
text-align: right;
}
.center
{
text-align: center;
}

/* Le menu */

#menu
{
float: right;
width: 120px;
border: 2px solid black;
}

.element_menu
{

margin-bottom: 20px;
}

/* Le corps de la page */

#corps
{
width: 520px;
float: left;
margin-bottom: 20px;
padding: 5px;
border: 2px solid black;
color: black;
}

#pub1
{
width: 520px;
float: left;
margin-bottom: 20px;
padding: 5px;
border: 2px solid black;

color: black;
}

#note
{
margin-left: 532px;
margin-right : 122px;
margin-bottom: 1px;
border: 2px solid black;
}

#pub2
{
margin-left: 532px;
margin-right : 122px;
border: 2px solid black;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
margin-left: 5px;
padding: 5px;
height: 98px;
color: black;
background-image: url("bas.jpg");
background-repeat: repeat-x;
}

Vous l'aurez remarqué y'a plein de "spacer" partout, c'est pour séparer mes blocs du pied de page...
il n'y que celui dans "pub2" qui marche, pourquoi je ne sais pas.

Voici ce que j'obtient : ICI

Voici ce que je voudrais obtenir : ICI

Merci d'avance de me dire ce qu'il faut que j'arrange.

Kerwan

Kerwan

25 juin 2006 à 21:41:16

lecusto

26 juin 2006 à 12:56:57

Personnellement, j'arrengerais tout ca comme suit :

3 div qui formerait les 3 collones donc :
- 1 div avec : corps et pub 1
- 1 div avec : note et pub 2
- 1 div avec : menu

et tu fini en dessous avec ton pied de page ...

Je te laisse le soin de faire le code

Bloc disparu

Bloc disparu

Supprimer

Modérer

Signaler le message aux modérateurs