18041 sujets

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

[Résolu] Pages avec un espace dans navigateur mais pas dans le code?

Bonjour,

voici un autre de mes soucis, ( je suis débutante dans tout et je fais tout à la main donc excuse de mes questions à répétition)

donc dans mon navigateur ( mozilla et ie7) en bas de la page il y a un espace et donc l'apparition d'une barre de defilement ( espace sur la hauteur de la page)

seul truc c'est que je ne retrouve pas cette espace dans le code pour le supprimer

voici le html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>

<!-- Titre de la page, regarde en haut --><title>test</title>

<!-- Lien avec la feuille de style qui va définir les polices couleurs ...-->
<link href="designer.css" rel="stylesheet" type="text/css">
<script src="jquery.min.js" type="text/javascript"></script>

</head>

       <?php include('scriptmenu.php'); ?>




<!-- Début du corps de la page, c'est la que l'on lui dit ce qu'elle doit afficher-->
<body>

<!-- les conteneurs sont les blocs qui vont etre assemble pour former la page web -->
<div class="conteneur">

	<!-- bloc 1 entete de page avec la banniere -->
	<a href="index.php"><div class="bloc1">
    </div></a>
    
	<!-- bloc 2 texte -->
	<div class="bloc2" >
    
    <table width="1001" border="0">  <!-- Tableau pour la séparation entre le menu et les texte -->
	  <tr>   <!-- signifie une ligne du tableau -->
	    <td width="151">  <!-- defini une colonne du tableau avec sa taille de 151 pixels -->
        
       <?php include('menu.php'); ?>
       
       
        </td>  <!-- fin de colonne du tableau -->
		<td>   <!-- Début de colonne de  tableau -->
        
           
 
        </td>	 <!-- fin de colonne du tableau -->  
       
              
      </tr>   <!-- fin de ligne du tableau -->
  </table>  <!-- fin de tableau -->
    
 
  </div>
	        
	<!-- bloc 3 le pied de page avec le copyright-->
	<div class="bloc3">
    </div>
	
</div>
    
</body>
</html>


et mon css

/* CSS Document */
.conteneur {
width: 1000px;
height: 768px;
margin-left: auto;
margin-right: auto;
text-align: left;
overflow:hidden;
}

body {
	font-size: 14px;
	color: #000;
	background-color: #FFF;
	background-image:url(images/fond.png);
	margin-left: 0;
	text-align: center;
	background-repeat: repeat-x;
	font: Times New Roman;
}

.bloc1 {
	background: url('images/bloc1.png');
	height: 173px;
	width: 1000px;
	margin:-1px;
	float:left;
	}

.bloc2 {
	background:none;
	height:auto;
	width: 1000px;
	float: left;
}

.bloc3 {
	background: url('images/bloc4.png');
	height: 48px;
	width: 1000px;
	float: left;
}

h1 {
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #006;
	text-align: center;
	font: Times New Roman;
	visibility: visible;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #006;
	font: Times New Roman;
}
h3 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000;
	font: Times New Roman;
}

a {
	color: #000000;
	font: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

.marge1 {
margin-left: 10em;
}

.marge2 {
margin-left:94px;
}
.marge3 {
margin-left:78px;
}

.marge4 {
margin-left:119px;
}
.margenormal {
margin-left:40px;
}

#menu16 {
width: 150px;
margin: 10px;
border-style:none;
border-color: #656556;
border-size: 1px;
border-width: 1px;
font:"Arial Black";
font-size:18px;
}

#menu16 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu16 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images */
#menu16 li a:link, #menu16 li a:visited {
color: #656556;
display: block;
background: url url(images/menu16.gif);
padding: 8px 0 0 20px;
}

#menu16 li a:hover {
color: #474739;
background: url(images/menu16.gif) 0 -32px;
padding: 8px 0 0 20px;
}

.menu16 a:hover, .menu16 a:focus, .menu16 a:active { 
      text-decoration: underline; 
      } 

.liste{
	list-style:outside;
	margin-left:40px;
	list-style-image:url(images/pucebleu.png);
}



Merci beaucoup pour votre aide
Modifié par cendy60 (11 May 2010 - 15:37)
euhhhhh

j'ai rien dit,
apres toute une journée de recherche, je viens de trouver

voici le coupable:

height: 768px; dans le css

Merci
Sujet clos
Aller à