Bonjour,
on a plus ou moins résolu le problème en MP mais comme partage reste dans mon vocabulaire voici comment:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title> <!-- à mettre en variable si mise à jour -->
<meta name="" />
<meta name="ROBOTS" content="none" />
</head>
<style>
HTML {overflow-y:hidden;}
body{
margin: 0;
padding: 0;
background-color: #ffffff;
font-family: "Times New Roman", Times;
text-align: justify;
font-size: 0.8em;
}
#conteneur1{
width: 820px;
margin: 0;
margin-right: auto;
margin-left: auto;
padding: 0;
}
#conteneur2{
width: 820px;
margin: 0;
margin-right: auto;
margin-left: auto;
padding: 0;
background:#4c332c;
background-image: url(image_ a fixer.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 30% 0%;
position : absolute;
color: #fff;
}
#conteneur3{
width: 820px;
height : 700px;
padding: 0;
overflow : auto;
}
#bloc_gauche{
float: left;
width: 200px;
font-family: tahoma;
text-align: left;
font-size: 23px;
padding-left:25px;
}
#bloc_droite{
float: right;
width:450px;
padding-right: 15px;
margin-bottom: 150px;
}
#footer{
width:820px;
height: 50px;
clear: both;
background:#592b1e;
text-align: center;
padding-top: 20px;
}
#space{
width:820px;
height: 150px;
background:#fff;
}
hr {
height: 1px;
border: 0;
}
hr.b1 {
color: #7b9aff;
background-color: #7b9aff;
}
hr.b2 {
color: #81edff;
background-color: #81edff;
}
hr.b3 {
color: #fffc9a;
background-color: #fffc9a;
}
li {color: #000;}
</style>
</head>
<body>
<div id="conteneur1">
<div id="conteneur2">
<div id="conteneur3">
<div id="bloc_gauche">
Bla bla bla <br />
Bla bla bla <br />
Bla bla bla <br />
Bla bla bla <br />
</div>
<div id="bloc_droite">
Du 14 au 18 nov / 00h<br />
Dés(Equilibres / Cie Pupella Noguès <br />
Ce spectacle met en jeu un univers artisanal d’objets de récupération dans un environnement multimédia. Sans perdre de vue la spécificité de l'art et l’originalité de la marionnette, la compagnie s’attache à explorer les nouvelles voies du spectacle vivant et notamment son ouverture aux nouvelles technologies. Elle utilise le mélange de différents supports, techniques et langages.<br />
site web<br />
l'Antirouille - Mende / 00€ <br />
Renseignements et réservations : 00.00.00.00.00 / mail ?
<hr class="b1">
Sed dignissim dignissim urna. Nullam quis erat at sapien tincidunt tempor. In ornare, massa at aliquet mollis, velit felis pharetra lacus, eu vestibulum leo justo ut turpis. Praesent justo leo, condimentum eu, varius a, lacinia nec, diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vestibulum, turpis quis malesuada gravida, velit diam dignissim tellus, at tempor mauris nunc non massa. Vestibulum et elit. Aenean hendrerit diam id libero.
<hr class="b2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pulvinar. Praesent nisl nisi, convallis a, facilisis ut, pulvinar sit amet, lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<hr class="b3">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pulvinar. Praesent nisl nisi, convallis a, facilisis ut, pulvinar sit amet, lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce quis mauris. Sed dignissim dignissim urna. Nullam quis erat at sapien tincidunt tempor. In ornare, massa at aliquet mollis, velit felis pharetra lacus, eu vestibulum leo justo ut turpis. Praesent justo leo, condimentum eu, varius a, lacinia nec, diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vestibulum, turpis quis malesuada gravida, velit diam dignissim tellus, at tempor mauris nunc non massa. Vestibulum et elit. Aenean hendrerit diam id libero.
<hr class="b1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pulvinar. Praesent nisl nisi, convallis a, facilisis ut, pulvinar sit amet, lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce quis mauris. Sed dignissim dignissim urna. Nullam quis erat at sapien tincidunt tempor. In ornare, massa at aliquet mollis, velit felis pharetra lacus, eu vestibulum leo justo ut turpis. Praesent justo leo, condimentum eu, varius a, lacinia nec, diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vestibulum, turpis quis malesuada gravida, velit diam dignissim tellus, at tempor mauris nunc non massa. Vestibulum et elit. Aenean hendrerit diam id libero.
<hr class="b1">
Du 14 au 18 nov / 00h<br />
Dés(Equilibres / Cie Pupella Noguès <br />
Ce spectacle met en jeu un univers artisanal d’objets de récupération dans un environnement multimédia. Sans perdre de vue la spécificité de l'art et l’originalité de la marionnette, la compagnie s’attache à explorer les nouvelles voies du spectacle vivant et notamment son ouverture aux nouvelles technologies. Elle utilise le mélange de différents supports, techniques et langages.<br />
site web<br />
l'Antirouille - Mende / 00€ <br />
Renseignements et réservations : 00.00.00.00.00 / mail ?
<hr class="b1">
</div>
<div id="footer">Bla bla bla</div>
<div id="space"></div>
</div></div></div>
</body>
</html>
c'est dépendant de la résolution d'écran mais la gamme peut être large si on s'y prend bien.
"Para servir le"
