[CSS]Problème d'affichage

Fermé
Nieli Messages postés 83 Date d'inscription dimanche 10 février 2008 Statut Membre Dernière intervention 23 avril 2009 - 18 avril 2008 à 11:42
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 - 18 avril 2008 à 19:40
Bonjour,

Voila mon problème :

Je suis en train de réaliser un site.
Sur ce site, j'ai une banière ,
.haut {
height:65px;
width:100%;
}

un menu à gauche :
.gauche {
margin-top:0px;
background-color: #3AAD6C;
text-align:center;
height:100%;
width:15%;
position:absolute;
}

un corps :

.corps {
margin-left: 16%;
margin-top: 20px;
border: thin solid Black;
min-height:1000px;
width:100%;
}

et dans ce corps , deux parties que je veux côte à côte.

.contenu {
padding-left : 40px;
margin-top : 50px;
min-height:1000px;
float:left;
width:35%;

}

et

.pictos {
text-align:center;
margin-top : 50px;
padding-bottom:10px;
float:left;
width:500px;
}

j'ai donc mis des float:left avec des dimensions prédéfinies (j'aurai pu mettre des pourcentage mais bon peu importe).

Le problème est que le corps à un cadre (border), et apparement le float:left fait passer les div en absolute , je veux dire que le corps ne se dimensionne pas selon la taille des div qui sont a l'interieur et le cadre coupe le texte.

Je voudrais savoir si vous avez une solution à mon problème si vous vous y connaissez en CSS.
(désolé si mon code est sale je débute).


Merci d'avance.

Nieli

2 réponses

artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
18 avril 2008 à 12:02
ton code en lui même aurait été accepté par les navigateur de la manière dont tu le voulais si il n'y avais pas le float.
un conseil prend l'habitude de signaler position : (relative, absolute, inherit...) pour que le navigateur n'ait pas à choisir lui même.
0
Nieli Messages postés 83 Date d'inscription dimanche 10 février 2008 Statut Membre Dernière intervention 23 avril 2009 6
18 avril 2008 à 12:18
Si j'enlève les floats , la partie pictos passe en dessous de la partie contenu.

Même en spécifiant au corps une largeur de 1000px et à contenu et pictos une largeur de 200px.

:/
0
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
18 avril 2008 à 12:49
tu es sur d'avoir mis
position : relative
0
Nieli Messages postés 83 Date d'inscription dimanche 10 février 2008 Statut Membre Dernière intervention 23 avril 2009 6
18 avril 2008 à 13:52
J'ai essayé avec :

.pictos {

text-align:center;

margin-top : 50px;

padding-bottom:10px;

float:left;
position:relative;

width:500px;

}
et
.contenu {

padding-left : 40px;

margin-top : 50px;

min-height:1000px;
float:left;

position:relative;

width:35%;



}

==> Même chose le corps ne se redimensionne pas

et les deux sans les floats
==> L'un en dessous de l'autre

merci pour l'attention que tu portes à mon problème


Nieli
0
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146 > Nieli Messages postés 83 Date d'inscription dimanche 10 février 2008 Statut Membre Dernière intervention 23 avril 2009
18 avril 2008 à 19:40
peux-tu faire une pièce jointe avec ta feuille CSS, ta page html et les images qui vont avec?

adresse admin@moviebook.fr

je te donnerais ma solution plus tard... je ne vois pas ce qui bloque.
0