Positionnement div

Bonsoir à tous,

Malgré pas mal de recherche, je me trouve confronté à un léger problème de positionnement en CSS.

Je vous explique;

J'ai deux div que je souhaite aligner horizontalement ( 'content' et 'sidebar' ).
Prenons l'exemple d'une page de 800px, je souhaiterai lorsque les deux divs sont présents; 'content' fasse 600px et 'sidebar' 200px.
Mais, là ou je bloque est lorsque 'sidebar' n'est plus présente je voudrai que 'content' prenne la totalité des 800px disponibles.

Voilà j'espère que vous arriverez à me comprendre ^^

Merci d'avance pour vos réponses.
Modifié par Geoge (04 Aug 2011 - 22:53)

Comment détermines-tu que 'sidebar' n'est pas présente ?

De manière pratique, je mettrais une classe sur le body, par exemple 'no-sidebar', et dans le css je dirais

.content { width : 600px; } 
.no-sidebar .content { width : 800px;}

En gros, le code html de 'sidebar' sera présent dans certaines pages et dans d'autres non, tout simplement.

Donc je voulais savoir si via CSS je peux faire une sorte de classe 'content' de taille variable ( 100% (800px) quand pas 'sidebar' et qui se réduit quand il y a la 'sidebar'). Et de l'autre coté une classe 'sidebar' fixe de tant de 'px'.

Geoge a écrit :
En gros, le code html de 'sidebar' sera présent dans certaines pages et dans d'autres non, tout simplement.

Donc je voulais savoir si via CSS je peux faire une sorte de classe 'content' de taille variable ( 100% (800px) quand pas 'sidebar' et qui se réduit quand il y a la 'sidebar'). Et de l'autre coté une classe 'sidebar' fixe de tant de 'px'.

As-tu pu essayer le code que j'ai écrit en dessous de ma question ?

Hello,
Tu n'as pas besoin d'un float:left, tout simplement...