CSS Layout zweispaltig / einspaltig

[marc75]

Hallo Leute,

aktuell nutze ich bei manchen Webseiten von mir folgendes CSS Grundgerüst:

#hauptbody {
    position: relative;
    width: 760px;
    margin: 0px auto;
    border: 1px solid #000000;
}

#left {
    width: 160px;
    float: left;
}

#content {
    width: 566px;
    height: 99%;
    float: right;
    padding: 0px 5px;
}

<DIV id="hauptbody">
<DIV id="title">

#Kopfbereich

</DIV>
<DIV id="left">

#linke Spalte für Menü etc.

</DIV>
<DIV id="content">

#Content, Artikel etc

</DIV>
 <br style="clear:both;">

#Fußbereich

</DIV>

Mein Problem ist, das in manchen Fällen die linke Spalte ausgeblendet werden muss und der Contentbereich sich über die ganze Fläsche (innerhalb des Hauptbody) ausdehnen soll. Wenn ich aber das div=left weglasse bleibt der Contentbereich ja dennoch unverändert.

Hat jemand von euch eine Idee, wie ich das am einfachsten umsetzen kann.

 

[prm]

In diesem Fall würde ich bei den entsprechenden Seiten einen weiteren ID, z.B. #content2 verwenden. Der muss dann nicht gefloatet werden.

Auf #left und #content dann entsprechend verzichten.