banniere extensible

17 juin 2006 à 15:06:22

Bonjour,

je souhaiterai faire une bannière extensible. Je l'ai decomposé en deux parties dont une partie fixe. Mon problème est que la partie qui doit faire l'extension se place en bas de la banniere fixe au lieu de la prolonger. J'espere que je suis claire

voila mon code:

<!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>Mon Site !!!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />

</head>
<body>


<div id="head">

<div id="banniere">
</div>

<div id="banniere1">
</div>

</div>

</body>
</html>

body
{
margin-top: 20px;
margin-bottom: 20px;
margin-left:20px;
margin-right: 20px;
border: 2px solid black;
}

#head
{
height: 197px;
}

#banniere
{
float: left;
width:775px;
height: 197px;
background-image: url("images/banniere.png");
background-repeat: no-repeat;
}

#banniere1
{
width:100%;
height: 197px;
background-image: url("images/banniere_suite.png");
background-repeat: repeat;

}

jp949

17 juin 2006 à 15:10:04

il faut que tu mettes banniere dans bannier1
<div id="banniere1"><div id="banniere></div></div>

drakonir

17 juin 2006 à 15:13:12

Superbe

J'ai un autre problème :(. J'ai rajouté un nouveau element dans ma banniere qui l'a termine.

#banniere2
{
float: right;
width:69px;
height: 197px;
background-image: url("images/banniere2.png");
background-repeat: no-repeat;
}

maintenant le probleme est quand je reduis la fentre un bout d'un moment,la banniere2 passe en dessous de la banniere.
J'aimerai mettre un scroll des que j'atteinds une largeur minimal de la fenetre.
J'ai essaye min-width mais sans effet.
Si quelqu'un a une solution, je le remercie...