Problème Design par Marian - page 1

Bonjour voilà j'ai un soucis enfin un ptit problème je sais comment faire mais j'arrive pas vraiment à le mettre le place!

En faite mon copyright se met en dessous de mon contenu mais si le menu est trop grand en hauteur, il est confondu avec le copyright, je sais pourquoi il y a ce bug mais j'arrive pas à le résoudre, merci de m'aider!

<!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>TEST</title>
<link href="style.css" type="text/css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>


<div id="Header">
Titre
<div id="Slogan">Slogan</div>
</div>


<div id="menu">

<div class="element_menu">
<strong>Rubrique 4</strong><br />
<a href="#">Menu 1</a><br />
<a href="#">Menu 2</a><br />
<a href="#">Menu 3</a><br />
</div>
<div class="element_menu">
<strong>Rubrique 4</strong><br />
<a href="#">Menu 1</a><br />
<a href="#">Menu 2</a><br />
<a href="#">Menu 3</a><br />
</div>
<div class="element_menu">
<strong>Rubrique 4</strong><br />
<a href="#">Menu 1</a><br />
<a href="#">Menu 2</a><br />
<a href="#">Menu 3</a><br />
</div>
<div class="element_menu">
<strong>Rubrique 4</strong><br />
<a href="#">Menu 1</a><br />
<a href="#">Menu 2</a><br />
<a href="#">Menu 3</a><br />
</div>
</div>



<div id="corps">
orem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus consectetuer sapien non erat sagittis porta. Pellentesque commodo volutpat mi. Nam fringilla, neque vel posuere placerat, risus quam elementum ipsum, in molestie nulla sem nec massa. Etiam commodo dolor sit amet mauris. Duis vel elit. Etiam condimentum turpis quis nunc. Maecenas eget magna ac arcu malesuada condimentum. Ut semper. Aenean consectetuer, massa sed tincidunt volutpat, urna lorem egestas turpis, nec imperdiet arcu nisl in ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris massa. Curabitur iaculis, mi a ornare blandit, eros dui tempus massa, et tempus turpis libero a velit. Vivamus enim ipsum, placerat et, mattis vitae, nonummy quis, pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam turpis diam, posuere non, auctor cursus, semper a, magna. Aenean sagittis, odio vel molestie molestie, lacus augue fermentum purus, a lacinia elit risus in leo. In convallis fringilla purus. Morbi feugiat volutpat orci.
Praesent faucibus, leo quis cursus euismod, mauris massa consequat eros, ac consequat sem leo a mi. Integer vel massa ac neque sodales imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam lacinia auctor augue. Maecenas luctus. In quam. Donec cursus convallis ante. Ut placerat posuere est. Suspendisse eu magna. Integer fermentum augue id ligula. Aenean nunc. In urna tellus, mattis eget, semper ac, faucibus vitae, enim. Integer vehicula imperdiet sapien. Suspendisse potenti. Curabitur eleifend est ut purus. Cras tincidunt, purus auctor pellentesque adipiscing, neque sapien ullamcorper sem, vitae aliquam turpis ipsum in diam. Morbi porttitor urna gravida nunc.

</div>
<div id="Copyright">Test</div>
</div>
</body>
</html>

Mon code CSS:

#Header
{
width: auto;
padding-top: 5px;
margin-left: 2%;
margin-right: 2%;
margin-top: 5px;
height: 70px;
padding-left: 5px;
border: 1px dashed #BEBEBE;
font-family: Verdana;
font-size: 16px;
font-weight: bolder;
color: #6C6B70;
}

#Slogan
{
padding-left: 25px;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #919093;
}

#menu
{
margin-top: 5px;
float: left;
width: 120px;
margin-left: 2%;
}

.element_menu
{
border: 1px dashed #BEBEBE;
margin-bottom: 20px;
}

#corps
{
margin-left: 145px;
margin-top: 5px;
margin-right: 2%;
padding: 5px;
color: #B3B3B3;
border: 1px dashed #BEBEBE;
}

#Copyright
{
width: auto;
margin-left: 2%;
margin-right: 2%;
margin-top: 5px;
border: 1px dashed #BEBEBE;
padding-left: 5px;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #ABAAAD;
}

Edit: j'ai essayer des trucs comme mettre une div qui contienne les div menu et corps mais rien à faire

Edit: j'ai réussi à rélger mon problème

Problème Design

Problème Design

Supprimer

Modérer

Signaler le message aux modérateurs