Problem bei 3-teiligem Inhaltsbereich

[LeonS]

Hallo,

ich möchte ein layout umsetzen , jedoch macht mir da der content Bereich einen Strich durch die Rechnung.
Der rechte und linke Content Rand soll mit der Mitte wachsen auf den inhalt bezogen, also je mehr in der mitte steht soll diese weiter nach unten gehen, genauso wie die rechten und linken ränder.
Hier mal der HTML und CSS Code:

HTML

<div id="content">
   
        <div id="content-border-left">
               
            <div id="content-middle">
                     DADDSADS<br />DADDSADS<br />DADDSADS<br />DADDSADS<br />DADDSADS<br />DADDSADS<br />DADDSADS<br />
            
                <div id="content-border-right">

                </div>
                
            </div>
            
        </div>

    </div>

CSS

#content{
    background-color: #65301e;
    width: 990px;
}
#content-border-left{
    background-image: url(../images/content-border-left.gif);
    width: 28px;
    background-repeat: repeat-y;
}
#content-border-right{
    background-image: url(../images/content-border-right.gif);
    width: 15px;
    background-repeat: repeat-y;
    margin-left: 931px;
}
#content-middle{
    background-color: #ece1df;
    margin-left: 28px;
    width: 933px;
}

Schonmal danke für eure Hilfe.

 

[Thunderbirth]

Hy LeonS

Was ist genau das Problem? Also bei mir funktioniert dieser Code, wenn ich mehr DADDSADS reinschreibe verlängert es den Content automatisch plus die beiden Balken auf der Seite auch.

 

[LeonS]

Hab die Seite mal hochgeladen:

Kohlenhandlung Koegler - Alle Festbrennstoffe für Berlin und Brandenburg

da funktioniert das leider nicht :(

Hoffe auf eure Hilfe.

 

[prm]

Der rechte Rahmen ist mit keinem Inhalt verschachtelt und kann deshalb nicht mitwachsen. Das geht auch nicht so.

Auf diese Rahmen kannst du vollkommen verzichten. Gib dem #content-middle einfach eine entsprechend größere Breite und weniger margin-left.

Alternativ kannst du auch mit Faux Columns arbeiten, aber das ist hier nicht erforderlich.