La bordure du menu ne descend pas jusqu'en bas par Hooli - page 1

Bonjour à tous,
j'ai un petit problème avec mon menu, le border-right ne descend pas jusqu'au bloc du copyright, il s'arrette dès que le contenu du menu s'arrette.
voilà mon code html :

<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Heavy-Blog.be - Accueil</title>
<meta name="description" content="Heavy-Blog vous propose de créer votre blog selon vos envies." />
<meta name="keywords" content="heavy-blog, blog, heavy" />
<link type="text/css" rel="stylesheet" href="css/css.css" title="CSS de Heavy-Blog.be" />
</head>

<body>
<div id="header">

</div>

<div id="menu_haut">
<ul id="speedbarre">
<li class="speed"><a href="index.php">Accueil</a></li>
<li class="speed"><a href="inscription.php">Créez votre Heavy Blog</a></li>
<li class="speed"><a href="connexion.php">Gérez votre Heavy Blog</a></li>
<li class="speed"><a href="statistiques.php">Statistiques</a></li>
<li class="speed"><a href="contact.php">Contact</a></li>
<li class="speed"><a href="about.php">A propos</a></li>
</ul>

</div>

<div id="menu_gauche">
<fieldset>
<legend>Blog de la semaine</legend>
Hooli<br/>--------<br/>
Ici se trouve la description qui dechire de trop moi je te le dis
</fieldset><br/>
</div>

<div id="corps">
<h1>Bienvenue sur Heavy Blog</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec bibendum ornare arcu. Curabitur consequat odio id erat. Quisque scelerisque metus id eros. Sed tempus. Donec non orci. Nunc vulputate dapibus diam. Morbi odio. Nullam a lorem a odio luctus blandit. Morbi malesuada dolor a lectus. Ut mattis sem eget lectus. Duis in mi. Aliquam in purus eget lectus sollicitudin euismod. Donec pede ipsum, rutrum quis, posuere ut, rutrum vel, nibh. Donec sollicitudin nisi eget lacus. Etiam semper. Ut pellentesque diam a neque. Nullam sagittis, odio ac ultricies sodales, arcu purus commodo massa, vitae volutpat pede diam vitae urna. Phasellus scelerisque odio vitae enim. Nullam felis nunc, semper eu, varius in, vulputate vel, nulla. Proin est nisi, tempor malesuada, feugiat vitae, volutpat sit amet, ante.
</p>
<p>Mauris et augue. Vivamus sed est. Morbi elit nisl, tincidunt eget, commodo tincidunt, congue non, est. Aenean nunc pede, sollicitudin id, sodales a, lacinia id, libero. Integer odio est, gravida et, consequat dictum, scelerisque eget, sem. Vivamus cursus, odio sit amet euismod mollis, velit neque feugiat arcu, eu accumsan dolor turpis id tortor. Praesent ut sem. Sed a justo id lacus hendrerit porttitor. Cras nulla ante, laoreet ac, feugiat vitae, dictum sit amet, augue. Sed posuere nisi quis odio. Maecenas dolor nisl, posuere a, interdum eget, tristique ut, enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sit amet quam. Proin mi.
</p>
<p>Aliquam arcu. Etiam id pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed nec mi. Maecenas quis tortor a tellus nonummy feugiat. Nullam id arcu. Etiam non tellus nec mi rutrum posuere. Aliquam nunc urna, suscipit iaculis, sollicitudin sit amet, convallis eget, mi. Mauris ullamcorper nulla sed mi. Nunc egestas porttitor lectus. Pellentesque pretium est elementum nisl. Nunc libero ante, suscipit vitae, scelerisque vitae, tincidunt sed, dolor. Sed congue libero et urna. Donec velit. Proin placerat convallis quam. Nulla consectetuer venenatis metus.
</p>
</div>

<div id="footer">
<p>© Copyright Heavy-Blog.be - Tous droits réservés - Script by Hooli<br/>

</p>
</div>
</body>
</html>

CSS:

body
{
font-family:'Trebuchet MS', Arial, 'Times new roman', Times, serif;
}

#footer
{

}

#menu_haut
{

}

#speedbarre
{
list-style-type: none;
margin-left:0;
padding-left: 0;
height: 28px;
background-color: blank;
border: 1px dashed #2C485C;
}

#speedbarre li
{
height: 28px;
text-align: center;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
font-size:0.9em;
}

.speed
{
float: left;
border-left: 1px dashed #2C485C;
}

#speedbarre a
{
color: #555555;
font-style: normal;
text-decoration: none;
font-weight:bold;
}

#speed_accueil:hover
{
color: blank;
}

#menu_gauche
{
border-right: 1px dashed;
width: 15%;
float: left;
}

#menu_gauche p
{
margin: 0px;
padding: 0px;
}

#corps
{
margin-left : 16%;
border-right: 1px dashed;
}

#corps p
{
margin: 0px;
padding: 0px;
}

#corps h1
{
margin: 0px;
padding: 0px;
}

#footer
{
border: 1px dashed;
text-align: center;
clear:both;
}

#footer p
{
margin: 0px;
padding: 0px;
}

En même temps, j'ai un espace entre le menu_haut et le menu_gauche, les bordures ne se touchent pas, sauriez vous comment arranger ca ?

Merci d'avance

Hooli

21 janvier 2006 à 22:36:48

22 janvier 2006 à 21:39:53

Un petit up

strucky

22 janvier 2006 à 22:59:20

Salut !!

Pourquoi ne mets-tu pas un border-left à ton bloc #corps, tu n'aurais plus ce problème avec ta bordure.

Pour ce qui est de ta marge avec ton menu, je pense :

#speedbarre
{
margin: 0;
}

La bordure du menu ne descend pas jusqu'en bas

La bordure du menu ne descend pas jusqu'en bas

Supprimer

Modérer

Signaler le message aux modérateurs