[Résolu] Mettre un div a gauche l'autre a droite problème.. - enfaite c'est ou ca saute une ligne ou par awnisik - page 1

Bonjour a tous,
Me revoila avec un nouveau problème désolé,
cette fois-ci c'est sur le positionnement,
voila la page qui a besoin d'aide
Url

Voila ce que je voudrais faire :
petit schéma

mais sur mon site comme vous pouvez le voir, le footer se met en dessous du newser, alors que je voudrais qu'il se mette en bas et qu'il y reste ensuite la si j'arrive à mettre mon footer en dessous c'est en faite mes deux divs du milieu donc newser et left qui est le menu,

merci de bien vouloir me donner la solution pour faire comme sur le schema

voici son code source xhtml :

<!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>Wioldokk - Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Wioldokk" href="style.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<div id="main">
<div id="header">
<?php
include("includes/header.php")
?>
</div>
<div id="hr-menu">
<?php
include("includes/hr-menu.php")
?>
</div>

<div id="middle">
<div id="left">
<?php
include("includes/left.php")
?>
</div>
<div id="newser">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.
</p>
</div>
</div>
<div id="footer">
<?php
include("includes/footer.php")
?>
</div>
</div>
</body>
</html>

voici le code source css :

/* Wioldokk */

/* Balises */

html,body
{
background-image: url("images/bground.png");
background-repeat:repeat-x;
background-color:#000000;
}

a:link,a:active,a:visited
{
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

a:hover
{
color:#ffffff;
text-decoration:none;
}

p
{
font-family:verdana;
font-size:7pt;
color:#ffffff;
}

img
{
border-width:0px;
}

/* Ids */

#main
{
background-position:center;
background-repeat:repeat-y;
margin:auto;
width:700px;
}

#header
{
background-image: url("images/normal/header.png");
width:700px;
height:134px;
}

#hr-menu
{
background-image: url("images/normal/menu-hr.png");
width:700px;
height:81px;
}

#middle
{
width:700px;
}

#left
{
float:left;
border-style:double;
border-width:3px;
border-color:#ffffff;
width:135px;
height:220px;
}

#newser
{
float:right;
border-style:double;
border-width:3px;
border-color:#ffffff;
width:500px;
}

#footer
{
width:700px;
}

/* Classs */

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

.menu-left
{
margin-left:10px;
margin-right:10px;
}

Mettre un div a gauche l'autre a droite problème..

enfaite c'est ou ca saute une ligne ou

Mettre un div a gauche l'autre a droite problème..

Supprimer

Modérer

Signaler le message aux modérateurs