Discussion :

[hedgehog]

Bonjour à tous,

Mon site est structuré via HTML et CSS ( <div> ).
Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
#conteneur {
   width:900px;
   height:600px;
}
#banniere {
   width:900px;
   height:150px;
   float:none;
}
#centre {
   width:900px;
   height:450px;
   float:none;
}
#centre_gauche {
   background-image:url(image1);
   width:15px;
   height:450px;
   float:left;
}
#centre_centre {
   width:870px;
   height:450px;
   float:left;
}
#centre_droite {
   background-image:url(image2);
   width:15px;
   height:450px;
   float:left;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div id="conteneur">
   <div id="banniere"></div>
   <div id="centre">
       <div id="centre_gauche"></div>
       <div id="centre_centre">
          .Contenu variable.
       </div>
       <div id="center_droite"></div>
   </div>
</div>

Je souahite en fait que le

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="centre_centre">
   .Contenu variable.
</div>

s'agrandisse en fonction de son contenu ( sachant qu'il est variable ), ainsi que les deux div l'entourant ( centre_gauche et centre_droite ) contenant chacun une image.

Comment faire ?

Merci d'avance.

[trotters213]

tu ne fixes aucune taille et ça devrait fonctionner.

[hedgehog]

Apparemment ca ne marche pas ...

Mon texte dépasse et passe au dessus des autres cadres.

Pour info, avec le code fourni, cela fonctionne sous IE.

[MasterOfChakhaL]

au feeling, je dirais que tu as des marges et/ou des padding par défaut qui se rajoutent à tes divs. Donc la largeur totale de ce que tu mets dans ton div (id=centre) est 870 + 15 + 15 + nn px, nn étant la somme de toute les marges de tes trois div et du padding de ton div qui porte l'id=centre.

essaye de mettre ceci dans ton css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
* {
  margin: 0;
  padding: 0;
}

[hedgehog]

J'ai testé ta solution mais apparemment ca ne régle pas mon probléme
( A quoi correspond * ? )

[trotters213]

A quoi correspond * ?

c'est un selecteur "général", c'est comme si tu disais d'appliquer le style à toutes les balises.

Je viens de voir une erreur :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

 <div id="center_droite"></div>

alors que dans ton CSS tu as

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#centre_droite {
...
}