18041 sujets

Questions générales et questions de débutants

Aide mise en page site html

bonjour a tous,
voila j'ai un souci de mise en page de mon site html :
j'ai 2 div cote a cote : 1-conteneur centrer sur le page web qui contien le site web
2-publicité sur la gauche du conteneur afin d'afficher des publicités

le probleme c'est que suivant la taille de la fenetre le la div publicité empiete sur la div conteneur ! j'aimerai que celle ci se retrecisse avec la taille de la fenetre
ou avez vous une autre solution?

merci de vos lumieres

bossben
c vrai : voici le code html d'un exemple type de mon problème : j'ai mis un div publicité a fond gris qui empiète sur une div a fond rose conteneur lorsque l'on rétréci la fenêtre du navigateur html (ou même différentes résolution d'écran !)





**************

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- CSS -->
<style type="text/css">
.conteneur{
width:745px;
margin:auto;
background-repeat:repeat-x;
background-color:#FF3366;
}
body{
height:500px;
background-repeat:repeat-x;
background-color:#000000;
}
.pub{
width:220px;
margin:auto;
background-color:#333333;
float: left; 
}
.header{
height:107px;
background-image:url(images/header.gif);
}
.centre{
background-color:#000000;
width:745px;
}
.footer{
height:24px;
background-image:url(images/footer.gif);
}
</style>

</head>
<body>

<div class="pub">

  <div align="center">
    <h1 class="Style10"><strong>PUBLICITES</strong></h1>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>

    <p>&nbsp;</p>
<p>&nbsp;</p>
  </div>
</div>
<div class="conteneur">
				
				
				<div class="header"></div>	
				
				<div class="menu">		
											<div id="foxmenucontainer">
										  	<div id="foxmenu">
					<ul class="Style1">
					
                      <div align="center">
                        <p>site web centrer
					  0....0</p>
                        <p>3645456.46.5465.46.354546.656546456846</p>
                      </div>
					</ul>										
										  	</div>
											</div>
</div>

  </div>

</div>


</body>
</html>

*********




Smiley bawling Smiley bawling Smiley bawling Smiley bawling Smiley bawling

merci du coup d'pouce !!
Modifié par bossben (05 Dec 2008 - 15:26)
Hello bossben et bienvenue Smiley smile ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait donc courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile
Sujet clos
Aller à