18041 sujets

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

Toujours mes div qui si "touchent" pas

bonjour

je revient vers vous pour le même problème de div qui ne se touchent pas : voir http://barlepassetemps.free.fr/essai/index.php

vous remarquerez les 2 bandes grises sur et sous la recherche google.

d'après mes essais il semble que ce soit la balise form dans le formulaire de recherche google qui soit en cause! car quand je l'enlève et le remplace par un texte tout redevient normal.
Ca pose pble dans IE 7 les autres je sais pas.

Avez vous un remede à ce problème.

ci joint code de la page et css

merci de vos réponses
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>

<link href="../styles/imports/base.css" rel="stylesheet" type="text/css" />
<link href="../styles/imports/menu.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="conteneur">
  <div id="header"><img src="../images/imagespassetemps/logopassetemps.jpg" alt="Logo" width="960" height="170" /></div><!--fin div header-->
  <div id="rechgoogle"><!-- #BeginLibraryItem "/Library/rechgoogle.lbi" --><form method="get" action="http://barlepassetemps.free.fr/google.htm" target="_top">
      
      <table bgcolor="#ffffff">
        <tr>
          <td nowrap="nowrap" valign="top" align="left" height="32"><a href="http://www.google.com/"> <img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle" /></a>
              <label for="sbi" style="display: none">Entrez les termes que vous recherchez.</label>
              <input type="text" name="q" size="31" maxlength="255" value="" id="sbi" />
              <label for="sbb" style="display: none">Envoyer un formulaire de recherche</label>
              <input type="submit" name="sa" value="Rechercher" id="sbb" />
              <input type="hidden" name="client" value="pub-4781992190681162" />
              <input type="hidden" name="forid" value="1" />
              <input type="hidden" name="ie" value="ISO-8859-1" />
              <input type="hidden" name="oe" value="ISO-8859-1" />
              <input type="hidden" name="cof" value="GALT:#F2984C;GL:1;DIV:#FFFFFF;VLC:ffcc66;AH:center;BGC:FFFFFF;LBGC:336699;ALC:990033;LC:990033;T:000000;GFNT:990033;GIMP:990033;FORID:11" />
              <input type="hidden" name="hl" value="fr" />
          </td>
        </tr>
      </table>
  </form>
  
     
<!-- #EndLibraryItem --></div>
  <!--fin div recgoogle-->
  <div id="anngoogle"><!-- #BeginLibraryItem "/Library/pubgoogle.lbi" --><script type="text/javascript"><!--
google_ad_client = "pub-4781992190681162";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "990033";
google_color_text = "000000";
google_color_url = "F2984C";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- #EndLibraryItem --></div>
  <!--fin div anngoogle-->
  
  
  <div id="menuhaut" class="menuhaut"><!-- #BeginLibraryItem "/Library/navigation.lbi" -->
    <ul class="menuhaut">
      <li><a href="#">Accueil</a></li>
      <li><a href="#">Oriental</a></li>
      <li><a href="#">Piano-Bar</a></li>
	   <li><a href="#">Le Grill</a></li>
	   <li><a href="#">Vos photos</a></li>
       <li><a href="#">Le Forum</a>  </li>
      <li><a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=fr&amp;msa=0&amp;msid=110752251520389335113.00000111c17810df98411&amp;om=1&amp;ll=43.448316,3.691224&amp;spn=0.003435,0.007231&amp;z=17">Acc&egrave;s</a></li>
	  <li><script type="text/javascript">
	<!--
	var monmail="<a href=mailto:";
	monmail +="barlepassetemps@";
	monmail +="free.fr?subject=j'ai&nbsp;une&nbsp;question?>";
	document.write(monmail+"Contact");
	//--> 
	</script></a></li>
    </ul>
  <!-- #EndLibraryItem --></div><!--fin div menuhaut-->
  
  
  <div id="gauche">le contenu de  id gauche qui doit pousser le pied vers le bas le contenu de  id gauche qui doit pousser le pied vers le bas le contenu de  id gauche qui doit pousser le pied vers le bas le contenu de  id gauche qui doit pousser le pied vers le bas le contenu de  id gauche qui doit pousser le pied vers le bas le contenu de  id gauche qui doit pousser le pied vers le bas</div><!--fin div gauche-->
  
  <div id="droite">le contenu de  id droite qui doit pousser le pied vers le bas le contenu de  id gauche qui doit pousser le pied vers le bas le contenu de  id gauche qui doit pousser le pied vers le bas le contenu de  id gauche qui doit pousser le pied vers le bas le contenu de  id gauche qui doit pousser le pied vers le bas le contenu de  id gauche qui doit pousser le pied vers le bas </div><!--fin div droite-->
  
  <div id="centre">le centre du site le centre du site le centre du site Acc&egrave;s </div>
  <!--fin div centre-->
  <div id="pied"><!-- #BeginLibraryItem "/Library/pied.lbi" -->
&copy; Le Passe-Temps 2007 - Reproduction interdite -  


<script type="text/javascript">
<!-- 
date = document.lastModified;  jour = date.charAt(3) + date.charAt(4);  mois = date.charAt(0) + date.charAt(1);  annee = date.charAt(6) + date.charAt(7) + date.charAt(8) + date.charAt(9);  document.write("Modifié le : "+jour+"/"+mois+"/"+annee);
-->
</script>



<!-- #EndLibraryItem --></div>
  <!--fin div pied-->
</div> <!--fin div conteneur-->
</body>
</html>


et CSS

/* CSS Document */
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em; 
}
p {
margin: 0 0 10px 0;
}
#conteneur {
	position: relative;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #CCCCCC;
}
#header {
	height: 170px;
}
#anngoogle {
	background-color: #FFFFFF;
	text-align: center;
}
#rechgoogle {
	background-color: #FFFFFF;
	text-align: center;
	height: 40px;
}
#menuhaut {
	text-align: center;
	background-color: #FFFFFF;
}

#gauche {
	float:left;
	width: 180px;
	background-color: #FFFF99;
}
#droite {
	float:right;
	width: 180px;
	background-color: #FFFF99;
}
#centre {
	color: #FF0000;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 2em;
	margin-right: 200px;
	margin-left: 200px;
	text-align: center;
	background-color: #FFFFFF;
}

#pied {
	clear:both;
	font-size: 80%;
	color: #FFFFFF;
	text-align: center;
	background-color: #666666;
}

Modifié par lepassetemps (25 Jun 2007 - 14:27)
Bonjour,

Même réponse que pour le précédent sujet : ton code HTML n'est pas valide.

Corrige ça d'abord, et si un problème persiste on en reparle. Smiley smile
re-bjr

J'ai trouvé. il faut en fait mettre une hauteur à la div du moteur google.

Les erreurs de validations sont issus de la boite google. mais comment faire pour modifier. Le reste est bon (d'après dream)
j'ai modifié le code que j'ai remis au dessus
en tout cas merci de vos réponses
Modifié par lepassetemps (25 Jun 2007 - 14:28)
Sujet clos
Aller à