Probleme mise en forme avec % [Trés bien résolu]

Bonjour

J'ai un petit souci avec la mise en forme sous CSS (jai trop été habitué au tableaux moi !)

J'aimerais mettre deux blocs l'un à coté de l'autre, j'ai donc regardé sur le tutorial alsa et c'était marqué :

.bloc1 {
background-color: blue;
height: 50px;
width: 100px;
float: left;
}
.bloc2 {
background-color: green;
height: 50px;
width: 100px;
float: left;
margin-left: 20px;
}

Mais moi j'aimerais que le bloc de droite s'adapte à la page (%)

j'ai donc fait :

.bloc1 {
background-color: blue;
height: 50px;
width: 100px;
float: left;
}
.bloc2 {
background-color: green;
height: 50px;
width: 100%;
float: left;
margin-left: 20px;
}

Avec ceci le 2eme bloc s'adapte bien à la page mais celui ci n'est plus à coté du 1er.

Pouvez vous m'aider?

Merci
Modifié par Mathis (26 May 2005 - 12:21)

Je pense que tu utilises une seule classe avec ceci :

.bloc1 {
background-color: blue;
height: 50px;
width: 100px;
float: left;
}

Cela devrait suffire.

doomer a écrit :
Je pense que tu utilises une seule classe avec ceci :

.bloc1 {
background-color: blue;
height: 50px;
width: 100px;
float: left;
}

Cela devrait suffire.

si je supprime la classe bloc2 ca marche pas non plus autre idée?

Mathis a écrit :

.bloc1 {
background-color: blue;
height: 50px;
width: 100px;
float: left;
}
.bloc2 {
background-color: green;
height: 50px;
width: 100px;
float: left;
margin-left: 20px;
}

Mais moi j'aimerais que le bloc de droite s'adapte à la page (%)

Salut,

Enlève simplement le float sur le bloc de droite

ca marche sous firefox mais pas sous internet explorer

ma page : http://angersbouge.com/v7/memb_fiche.php

salut mathis,

je pense qu'avec ceci tout devrait bien fonctionner

.bloc1 {
background-color: blue;
height: 50px;
width: 100px;
float: left;
}
.bloc2 {
background-color: green;
height: 50px;
margin-left: 120px;
}

++

Merci CLB56 !,
Ca marche mais il reste encore un probleme, sous internet explorer le bloc de droite s'adapte bien au contenu du texte mais sous firefox le contenu deborde du bloc !?

Comment faire ?

Merci !

N'indiques pas de hauteur à .bloc2

++

clb56 a écrit :
N'indiques pas de hauteur à .bloc2

++

bon bah ca marche nikel Merci beaucoup !