• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

3 spaltiges Design

Z

zsoerenm

New member
Hallo zusammen

Mich beschäftigt mal wieder ein kleines Problem...

Psy Clan

Ich hätte gerne, dass die zwei Spalten außen sich der Länge der Spalte innen anpassen.

dabei habe ich mich an dieses Schema gewendet:
No.3.07 :: INTENSIVSTATION - CSS Template :: XTML 1.0 Transitional-dynamic

So nun mal einen kurzen einblick in meinen code:

CSS:
Code: 
#centre {
width:839px;
margin: 0 auto;
text-align:left;
background-color:#1a1a1a;
}
#left_side {
float:left;
width:180px;
}
#right_side {
float:right;
width:180px;
}
#maincontent {
margin:0 180px;
min-height:900px;
}
#footer {
clear:both;
}

HTML:
HTML: 
<body>
    <div id="centre">
        <div id="banner"></div>
        
        <div id="left_side">
            some text...
        </div>
        <div id="right_side">
            some text...
        </div>
        
        <div id="maincontent">
            some text...
        </div>
        
        <div id="footer"></div>
                   
    </div>

Was mache ich falsch?

Danke schon mal :)
 
Ich hatte es mir zuerst anders vorgestellt...

mein Plan war dieser:
Meine Seite sollte in 3 Spalten aufgeteilt werden (3 divs). Das einzige Problem war dass diese 3 Spalten gleich lang sein sollten egal wieviel Inhalt in den einzelnen Spalten ist.

Ich dachte genau dies wird bei diesem Layout gemacht:
No.3.07 :: INTENSIVSTATION - CSS Template :: XTML 1.0 Transitional-dynamic

aber dem ist nicht so... es sieht nur so aus.
Dieses Layout besteht aus einem großen div, indem ein etwas "dünneres" div in der mitte liegt. So hat es den anschein dass es 3 spalten sind. Die anderen beiden divs werden einfach nur über die 2 Spalten außen gelegt.

Als ich das begriffen hatte wars kein problem mehr ;)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben