Ma div est par dessus une autre par dafnec - page 1

B'soir les SdZiens,
J'ai un petit problème car ma barre de copyright est par dessous ma page, je m'explique :
http://dafnec.free.fr/
La barre (1px solid black) juste en dessous du Header devrait être à coté de
"Site en construction". Voilà le code de ma page :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Index</title>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<link href="style.css" rel="stylesheet" type="text/css" />
<? include('connection_bdd.php'); ?>
</head>
<body>
<div id="frame">
<div id="header"></div>
<div id="menu">
<h1>Menu</h1><?php include('menu.php'); ?>
<br /><br />
<h1>Partenaires</h1>
<?php include('partenaires.php'); ?>
</div>
<div id="page"><?
switch($page)
{
case('commander'):
include('commander.php');
break;
case('commande_verification'):
include('commander_2.php');
break;
case(''):
include('news.php');
break;
}
?>
</div>
<div id="copyright">Site en cours de devellopement</div>
<hr />
</div>
</body>
</html>

Voilà le style (style.css) :

html
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
body {
text-align:center;
background-color: #B6B6B6;
background-image: url(images/fond.gif);
background-repeat: repeat-x;
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
height: 100%; /* Hack IE */
}
#copyright
{
text-align: center;
border-top: 1px solid black;
padding-top:1px;
}
#frame
{

width:840px;
margin-right:auto;
margin-left:auto;
padding:0px;
background-color: #FFFFFF;
text-align:left;
margin-top:12px;
height: 100%;
border: 1px solid black;
}
#header {
background-image: url(images/head.png);
background-repeat:no-repeat;
background-position:center;
height:150px;
padding:1px;
}
#logo {
width:208px;
height: 40px;
background-image: url(images/logo.jpg);
margin-left: 68px;
margin-top: 56px;
position: absolute;
}
#menu
{
width:160px;
padding:1px;
float:left;
}
#page
{
width:640px;
padding:1px 15px;
float:left;
}
#petitfond
{
width:145px;
height: 94px;
background-image: url(images/petit_fond.jpg);
padding-left: 15px;
padding-top: 10px;
float:right;
}
#news
{
border:1px solid black;
}
#news_haut
{
background-color:#B6B6B6;
border-bottom:1px solid black;
}

h1
{
font-size:14px;
height: 19px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: black;
color:#000000;
}
A:link,A:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
padding-left: 0px;
line-height: 13px;
font-weight: bold;
}
A:hover{
text-decoration: underline;
color: #000000;
}

A.copy:link,A.copy:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
font-size: 10px;
}
A.copy:hover{
text-decoration: underline;
color: #000000;
}

A.menu:link,A.menu:visited{
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
text-decoration: none;
padding-left: 0px;
margin-left:20px;
}
A.menu:hover{
text-decoration: underline;
color: #000000;
text-decoration: none;
}

td
{
border: 1px solid black;
}

textarea
{
background-color: #F7F9F7;
border: 1px solid #000000;
color: black;
border-right:4px solid #000000;
}
textarea:hover
{
background-color:#F7F9F7;
border: 1px solid #333333;
border-color:#666666;
color: black;
border-right:4px solid;
border-right-color:#666666;
}
input
{
background-color: #F7F9F7;
border: 1px solid #000000;
color: black;
border-right:4px solid #000000;
}
input:hover
{
background-color:#F7F9F7;
border: 1px solid #333333;
border-color:#666666;
color: black;
border-right:4px solid;
border-right-color:#666666;
}

#input_gauche
{
background-color: #F7F9F7;
border: 1px solid #000000;
color: black;
border-right:4px solid #000000;
float:left;
}
#input_gauche:hover
{
background-color:#F7F9F7;
border: 1px solid #333333;
border-color:#666666;
color: black;
border-right:4px solid;
border-right-color:#666666;
float:left;
}
#input_droite
{
background-color: #F7F9F7;
border: 1px solid #000000;
color: black;
border-right:4px solid #000000;
float:right;
}
#input_droite:hover
{
background-color:#F7F9F7;
border: 1px solid #333333;
border-color:#666666;
color: black;
border-right:4px solid;
border-right-color:#666666;
float:right;
}

select
{
background-color: #F7F9F7;
border: 1px solid #000000;
color: black;
border-right:4px solid #000000;
}
select:hover
{
background-color:#F7F9F7;
border: 1px solid #333333;
border-color:#666666;
color: black;
border-right:4px solid;
border-right-color:#666666;
}
hr
{
clear: both;
visibility: hidden;
}

Marki

Ma div est par dessus une autre

Ma div est par dessus une autre

Supprimer

Modérer

Signaler le message aux modérateurs