Div deforme ma page...

sinan62 Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
sinan62 Messages postés 7 Date d'inscription Statut Membre Dernière intervention - 14 juil. 2008 à 17:01

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.

Afficher la suite

A voir également:

Div deforme ma page...
Supprimer page word - Guide
Faire de google ma page d'accueil - Guide
Imprimer tableau excel sur une page - Guide
Page privée - Guide
Page accueil iphone - Guide

3 réponses

Réponse 1 / 3

fmarie

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

Réponse 2 / 3

sinan62 Messages postés 7 Date d'inscription Statut Membre Dernière intervention

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

Réponse 3 / 3

sinan62 Messages postés 7 Date d'inscription Statut Membre Dernière intervention

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;
}

Discussions similaires

connection ok mais aucune page ne s'affiche

comment revenir à ma page d'accueil "google.fr" ?

Votre réponse

Discussions similaires