1 bloc qui prend toute la largeur ou 2 blocs

Bonjour,

ici :
http://root.jeromine.com/tmp/t.htm

la page sera dynamique, et parfois le bloc en vert n'apparaitra pas.

=>comment faire pour que le bloc turquoise (qui a, dans la CSS, une largeur fixe) prenne alors toute la largeur lorsque le bloc vert ne sera pas inclus ?

1. J'eus pensé à une solution en pourcentage, mais je n'ai pas trouvé...
2. Utiliser 2 styles de largeurs différentes pour le bloc turquoise, et appeler un style ou l'autre pour le bloc turquoise selon que le bloc vert est inclus ou pas ? Un peu "cochon" de définir 2 styles similaires et d'ajouter des tests coté serveur...


Merci à vous
Modifié par nico1000 (31 Mar 2005 - 15:28)

bonjour,

dans ton css,

#centre
{
float: left;
margin: 0px;
background-color: #66CCFF;
border-left: 0px solid #666666;
padding: 0px;
width: auto ; <=== met 'auto' a la place de 580px

}

et dans la partie html,

<div id="container">

<div id="top">
<h1>TOP TOP TOP TOP  TOP TOP TOP TOP </h1>

</div>
<div id="leftnav">
<p>
left left leftnav .

</div>
 <!-- centreWithoutRight -->

<div id="right">
<p>
right part
</p>

</div>
 

<div id="centre">
<h2>Content</h2>

<p>
Lorem ipsum dolor sit amet, </p>
 <p>


</div>

place ton <div id="right"> avant ton <div id="centre"> comme ça, dans le cas ou tu ne mette pas ton bloc vert dans une de tes pages, ton centre occupera toute la place


Amicalement,
Modifié par ganou66 (31 Mar 2005 - 15:54)

très intéressant.

Ca marche sur IE, mais néanmoins pas sur FF :
http://root.jeromine.com/tmp/t.htm

le "width:auto" de la partie "centre" fait que ça prend 100% du container et donc que ça retourne à la ligne.

J'ai par ailleurs dû mettre dans la CSS le right en float:right (et non plus float:left).

oui pour le float: right; .... je suis désolé, je l'avais testé chez moi mais j'avais oublié de te le dire.

Par contre je pige pas le probleme sous FF

JE vais revoir ça