div deforme ma page...

Question

Bonjour,

je suis entrain de creer son site comme la plutar ici, donc voila je vous explique mon porbleme.
ma page d'accueil fai normalement 985 px de largeur et environ 1000px de hauteur, mais voila a cause des div qui a au milieu de ma page une dizaine environ ma page fait plus de 2000px de hauteur avce IE et sous  fire fox et  normal merci de votre aide.

fmarie · Answer

Comme ça, je dirai que le div du milieu est en position relative et non absolute

sinan62 · Answer

oui   les  div du milieu sont tous en relative je pense que c le meilleur choix.

sinan62 · Answer

voici mon css,

body
{
	background: #FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 10px;
}

.design #global
{
	width:985px;
	height: 700px;
	margin:0 auto;
}

.design #entete 
{
background-image:url(images/fond_bleu.jpg);
height:150px;
padding: 0 20px;
border-bottom: 1px solid #B0BBBF;
border-left:1px solid #B0BBBF;
border-right: 1px solid #B0BBBF;
}

.design #menu
{
	width:150px;
	height:370px;
	float:left;
	margin-top: 15px;
}

.design #conteneur
{
	background-color:#FFFFFF;
	width:820px;
	height:400px;
	float:right;
	margin-top:15px;
	border-bottom: 15px;
}

.div_bis
{
	background-image:url(images/fond_clair.jpg);
	width:184px;
	height:22px;
	border-bottom: 1px solid #B0BBBF;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

.div_actu
{
	width:194px;
	height:123px;
	border: 1px solid #B0BBBF;
}

.div_arts
{
	width:194px;
	height:123px;
	margin:0px;
	border: 1px solid #B0BBBF;
	bottom: 29px;
	position: relative;
	top: -125px;
	left: 208px;
}

.div_shopping
{
	width:194px;
	height:123px;
	margin:0px;
	border: 1px solid #B0BBBF;
	position: relative;
	left: 416px;
	top: -250px;
}

.div_divertissements
{
	width:194px;
	height:123px;
	margin:0px;
	border: 1px solid #B0BBBF;
	position: relative;
	left: 625px;
	top: -375px;
}

.div_informatique
{
	width:194px;
	height:123px;
	margin:0px;
	border: 1px solid #B0BBBF;
	position: relative;
	left: 0px;
	top: -360px;
	background-color: #00CCFF;
}

.div_internet
{
	width:194px;
	height:123px;
	margin:0px;
	border: 1px solid #B0BBBF;
	bottom: 29px;
	position: relative;
	top: -485px;
	left: 208px;
}

.div_societes
{
	width:194px;
	height:123px;
	margin:0px;
	border: 1px solid #B0BBBF;
	position: relative;
	left: 416px;
	top: -610px;
}

.div_sports
{
	width:194px;
	height:123px;
	margin:0px;
	border: 1px solid #B0BBBF;
	position: relative;
	left: 625px;
	top: -735px;
}

.div_transports
{
	width:194px;
	height:123px;
	border: 1px solid #B0BBBF;
	position: relative;
	left: 0px;
	top: -720px;
}

.div_voyages
{
	width:194px;
	height:123px;
	margin:0px;
	border: 1px solid #B0BBBF;
	bottom: 29px;
	position: relative;
	top: -845px;
	left: 208px;
}
	
.design #pied_page
{
	width:985px;
	height:100px;
	float: left;
	border: 1px solid #B0BBBF;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #0099FF;
}

.bis
{
	padding-left:10px;
}

Div deforme ma page...

3 réponses

Votre réponse

Discussions similaires

Newsletters