18041 sujets

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

Si tableau à 100% dans une page alors debordement - Pourquoi ?

Bonjour,

Je suis en train de refaire mon site qui utilise des frames, en le remplacent par DIV/CSS
Site en test ici http://www.biometrieonline.org

J'ai plusieurs questions, mais pas toutes dans le meme mail

Problème N° 1

Sur mes pages j'ai des tableaux, ces tableaux peuvent être à 80, 90 100% de large.

- Si je ne spécifie pas la largeur du tableau ca marche
exemple http://www.biometrieonline.org/index.php

- Par contre si je mets du 80% ou plus, le tableau prend toute la place de la page centrale (normal) et toute la place de la collone de droite, voire plus
exemple http://www.biometrieonline.org/index2.php

Je ne comprends pas pourquoi la dimension d'un tableau ne se fait pas par rapport à la page du centre

J'ai cherché une réponse sur le web mais j'ai pas trouvé ... je suis certain que cela doit arrivé à tout le monde pourtant

d'avance merci

Didier

Organisation du site avec les DIV:
<body>

<div id="conteneur"> 
<div id="haut1">
</div>

<div id="haut2">
</div>

<div id="haut3">
 </div>
<div id="gauche">
  
</div>
<div id="droite">      
</div>

<div id="centre">
</div>
  	
<div id="pied">
</div>
</html>



style principal (lié au découpage du site par les DIV)

body {
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#conteneur {
	position: absolute;
	width: 100%;
	margin: 0px;
	padding: 0px;



}
#haut1 {
	height: 70px;
	background-color: #003399;
}
#haut2 {
	background-color: #0000FF;
	height: 32px;
}

#haut3 {
	background-color: #0099CC;
	height: 25px;
	border: medium inset #0099FF;
}
#centre {
	margin-left: 130px;
	margin-right: 130px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;

}
#gauche {
	float:left;
	width: 120px;
	background-color: #0099CC;
	

}
#droite {
	float:right;
	width: 120px;
	background-color: #0099CC;



}
#pied {
clear:both;
height: auto;
background-color: #0099CC;
}

Modifié par BiometrieOnline (30 Mar 2007 - 16:36)
Super_baloo8 a écrit :
Bonjour,

Il vaut mieux tout casser, et tout rebatir pour partir sur de bonne bases.

Sur tes pages tu as beaucoup d'erreur de validations. Essayes de les corriger


... tout rebatir c'est justement ce que je fais, le problème est le même avec une page vide. C'est donc certainement au niveau CSS que j'ai fait une erreur

Merci pour la remarque sur la validation (c'est pour cela que j'ai fait une essais avec une feuille vide - vide.php afin de ne plus voir les nombreuses erreurs provenant des codes Google surtout (flux rss, recherche...)
Sujet clos
Aller à