Bonjour,
voila mon problème : j'aimerais que mon site s'adapte directement en fonction de la résolution de chacun. JE fais un site du même style que http://www.who-s-web.com/[/url] mais le soucis c'est que je n'arrives pas a bien positionner mon footer et ma carte! En fait j'ai mis ma carte en hauteur 100% or celle-ci prend plus déplace que ce que je voudrais vraiment... si je réduis la hauteur a 85%(par exemple) ma carte s'affiche super bien mais mon footer a disparu je ne sais ou...(peut être sous ma carte)
Voici mon code... Je ne peux pas mettre en ligne ce que j'ai fait donc il faudra faire avec!
le html
et le css correspondant
N'hésitez pas si vous avez des idées... Merci à l'avance
voila mon problème : j'aimerais que mon site s'adapte directement en fonction de la résolution de chacun. JE fais un site du même style que http://www.who-s-web.com/[/url] mais le soucis c'est que je n'arrives pas a bien positionner mon footer et ma carte! En fait j'ai mis ma carte en hauteur 100% or celle-ci prend plus déplace que ce que je voudrais vraiment... si je réduis la hauteur a 85%(par exemple) ma carte s'affiche super bien mais mon footer a disparu je ne sais ou...(peut être sous ma carte)
Voici mon code... Je ne peux pas mettre en ligne ce que j'ai fait donc il faudra faire avec!
le html
<body onload="ggmap_load('47.65', '3.316667', '10');" onunload="GUnload();">
<div id="header">
<? include("header.php"); ?>
</div>
<div id="contenant">
<div id="menu_droit">
<? include("menu_droit.php"); ?>
</div>
<div id="centre">
<div id="map"></div>
</div>
</div>
<div id="footer">
<? include("footer.php"); ?>
</div>
</body>
et le css correspondant
body
{
margin: 0; /* pour éviter les marges */
padding:0;
overflow:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(../_images/fond.jpg);
background-repeat:repeat;
height:100%;
float:left;
}
html
{
overflow:none;
height:100%;
}
#header
{
position:relative;
width:100%;
height:110px;/*Hauteur a changer selon l'image de fond*/
background:#fff;
padding:0;
margin:0;
border-bottom:4px solid #ccFF00;
font-size:12px;
}
#contenant
{
position:relative;
width:100%;
height:85%;
overflow:hidden;
}
#menu_droit
{
float:right;
width:200px;
height:100%;
background-color:#CCFF00;
}
#centre
{
height:100%;
width:100%;
margin-left:-200px;
}
#map
{
position:relative;
width:100%;
height:100%;
border:1px solid #C0C0C0;
}
#footer
{
position:relative;
bottom:0;
background-color:#CCFF00;
width:100%;
height:30px;
}
N'hésitez pas si vous avez des idées... Merci à l'avance