Guten Tag und ich habe ein Problem dabei

html.de-Forum HTML, XHTML & CSS
1

Guten Tag,

Ich bin gerade dabei erstmal ein ganz einfach Layout zu erstellen.

Die Idee ist die , dass oben ein Headbereich ist. Links eine Navigation und Rechts ein Bereich für News.

Unten ist normal die Fußleiste.

In der Mitte soll dann der Bereich sein für die Texte und alles.

Dieser Bereich soll sich automatisch anpassen , nur wie?

Danke im Vorraus !

[HTML]

Tanzgarde der Fidele Elf 
        </div>
        <div id="navi">
        
        </div>
        <div id="main">
        
        </div>
        <div id="aktuelles">
        
        </div>
        <div id="foot">
        
        </div>
    </div>
</body>
[/HTML]

[CODE]body {
background-color:white;
text-align:center;
}

#webseite {
min-width:900px;
min-height:850px;
margin:30px;
background-color:white;
border-width:3px;
border-color:black;
border-style:solid;
border-radius:8px;
}

#head {
min-width:900px;
height:150px;
background-color:#18C3DF;
}

#navi {
min-width:150px;
min-height:650px;
background-color:#18C3DF;
border-width:0px;
border-bottom-width:2px;
border-color:black;
border-style:solid;
float:left;
}

#main {
background-color:white;
border-width:2px;
border-color:black;
border-style:solid;
float:left;
}

#aktuelles {
min-width:150px;
min-height:650px;
background-color:#18C3DF;
border-width:0px;
border-top-width:2px;
border-color:black;
border-style:solid;
float:right;
}[/CODE]

2

Verschieb die Reihenfolge für die 3 nebeneinander liegenden Elemene im HTML-Code.

[html]

        </div>
        <div id="navi">
        
        </div>
        <div id="aktuelles">
        
        </div>
        <div id="main">
        
        </div>
        <div id="foot">
        
        </div>[/html]

Wichtig: der mittlere Bereich muss nach dem linken und dem rechten Bereich kommen.

#main darfst Du dann nicht mehr floaten.

3

DasProblem liegt eher darin , dass es automatisch die Größe und Höhe annimt , die noch übrig ist

4

Was ist „es“?

5

Entschuldigung. MIt es meine ich das Mainfenster , was sich automatisch anpasst.

6

Dann solltest du dir mal die CSS-„Technik“ namens „faux columns“ anschauen.