[CSS] Abschnitt soll den Rest der Seite ausfüllen

**Tubos**

Hi,

die Webseite (siehe Anhang) funktioniert so: Navigation und Hauptteil sind je ein DIV-Abschnitt, der per CSS positioniert wird. Wie man sieht, funktioniert das.

Ich will jetzt dass sich die Hauptseite bis zum rechten Seitenrand erstreckt, auch wenn der Text nicht so breit ist.
Mit anderen Worten: Breite der Hauptseite = 100% - Breite der Navigation.

Wie mache ich das mit CSS?
Wenn ich ein Hintergrundbild hätte, könnte ich einfach background-repeat anwenden. Ich hab aber keins.

mfg. Tubos

**Mystic**

Wenn du die Navigation per float:left links verankerst und die Contentbox nicht positionierst oder ihre Größe festlegst, wird die Contentbox automatisch den Rest einnehmen.

**Tubos**

Danke erstmal, das hat das Problem behoben

Eine Frage noch:
Ich möchte jetzt haben, dass die Navigation genauso weit nach unten geht wie die Hauptseite.
Vermutlich kann ich das durch ein Hintergrundbild und background-repeat erreichen, aber momentan ist in der Navigation noch kein Hintergrundbild gesetzt.

**Mystic**

Wenn die Contentbox nach der Navigation wieder die volle Breite einnimmt, kannst du das durch Addieren der Navigationsbox-Breite zum margin-left der Contentbox beheben.

Soweit ich weiß ist ein Hintergrundbild die einzige Möglichkeit jetzt noch sauber beide Spalten gleich hoch zu bekommen (

Faux Columns).

**Tubos**

Sehr gut, jetzt sieht alles perfekt aus!
Danke!

Den Artikel Faux Colums kenne ich, den hab ich schon mal während der Arbeit an meiner letzten Webseite überflogen. Hatte aber keinen Link gespeichert.

**Mystic**

Hast du dir die Seite auch mit dem IE angesehen?

**Tubos**

Ja. Da funktioniert es auch.

Das mit dem Hintergrundbild hab ich noch nicht ausprobiert, aber jetzt erinnere ich mich dass ich das ein anderes Mal genauso gemacht habe - und das hat in allen Browsern funktioniert.

**mh166**

Du kannst dir ja auch mal [google]YAML "Yet another multicolumn layout"[/google] angucken. Die haben da die Nav afaik auch bis ganz runter gezogen. Musst dir dann nur noch abgucken. Wie genau das nun läuft kann ich dir aber jetzt auch nich sagen...

mfg, mh166

**Tubos**

Nach einer mehrtägigen Pause setzte ich die Arbeit an der Seite fort.
Leider funktioniert das mit dem Hintergrundbild auf der Navigation nicht. Die Navigation geht nur so weit nach unten wie die Buttons Platz beanspruchen.
Und das, obwohl ich dieselbe Methode anwende wie bei meinem vorherigen Webseiten-Projekt. Dort funktioniert es ja

wie man sieht.

HTML-Code:

markieren

Code:

			   
<html>

<head>

<link rel="stylesheet" type="text/css" href="./main.css">

</head>

<body>

<div class="navigation"> Die Navigation </div>

<div class="page"> Hier kommt die Hauptseite, die im echten Code ca. 1,5 Seiten lang ist. </div>

</body>

</html>

main.css:

markieren

Code:

			body

{

margin: 0px;

padding: 0px;

}

.navigation

{

  margin-top: 0px;

  margin-bottom: 0px;

  padding-bottom: 0px;

  float:left;

  width: auto;

  background-image:url(./gfx/navigation-background.png);

  background-repeat: repeat-y 0 0;

}

.page

{

   padding-left:10px;

   margin-left: 160px;

   background-color:#C8E9F7;

}

Die Grafik ./gfx/navigation-background.png existiert und wird auch korrekt angezeigt. Es soll aber ganz nach unten gehen, und das tut es trotz repeat-y nicht.

Laut W3C-Validator habe ich keine schließenden Tags vergessen oder andere blöde Fehler begangen.

mfg. Tubos

**Tubos**

Da ich noch keine Lösung gefunden habe, hole ich den Thread wieder hoch.

[CSS] Abschnitt soll den Rest der Seite ausfüllen

[CSS] Abschnitt soll den Rest der Seite ausfüllen

Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen

Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen

Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen

Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen

Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen

Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen

Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen

Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen

Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen

Forumregeln

Mystic Registriert seit: 18. Okt 2003 Ort: Flerzheim 420 Beiträge Turbo Delphi für Win32	#2 Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen 7. Feb 2006, 23:49 Wenn du die Navigation per float:left links verankerst und die Contentbox nicht positionierst oder ihre Größe festlegst, wird die Contentbox automatisch den Rest einnehmen. Jan Steffens Der Fachwortgenerator - 100% Schwachsinn --- Der UPnP Router Manager - Kommentare erwünscht!
	Zitat

Tubos Registriert seit: 25. Feb 2004 Ort: Yspertal (Niederösterreich) 1.014 Beiträge Delphi 7 Personal	#3 Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen 8. Feb 2006, 00:19 Danke erstmal, das hat das Problem behoben Eine Frage noch: Ich möchte jetzt haben, dass die Navigation genauso weit nach unten geht wie die Hauptseite. Vermutlich kann ich das durch ein Hintergrundbild und background-repeat erreichen, aber momentan ist in der Navigation noch kein Hintergrundbild gesetzt. Lukas
	Zitat

Tubos Registriert seit: 25. Feb 2004 Ort: Yspertal (Niederösterreich) 1.014 Beiträge Delphi 7 Personal	#5 Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen 8. Feb 2006, 00:40 Sehr gut, jetzt sieht alles perfekt aus! Danke! Den Artikel Faux Colums kenne ich, den hab ich schon mal während der Arbeit an meiner letzten Webseite überflogen. Hatte aber keinen Link gespeichert. Lukas
	Zitat

Mystic Registriert seit: 18. Okt 2003 Ort: Flerzheim 420 Beiträge Turbo Delphi für Win32	#6 Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen 8. Feb 2006, 00:53 Hast du dir die Seite auch mit dem IE angesehen? Jan Steffens Der Fachwortgenerator - 100% Schwachsinn --- Der UPnP Router Manager - Kommentare erwünscht!
	Zitat

Tubos Registriert seit: 25. Feb 2004 Ort: Yspertal (Niederösterreich) 1.014 Beiträge Delphi 7 Personal	#7 Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen 8. Feb 2006, 01:13 Ja. Da funktioniert es auch. Das mit dem Hintergrundbild hab ich noch nicht ausprobiert, aber jetzt erinnere ich mich dass ich das ein anderes Mal genauso gemacht habe - und das hat in allen Browsern funktioniert. Lukas
	Zitat

Tubos Registriert seit: 25. Feb 2004 Ort: Yspertal (Niederösterreich) 1.014 Beiträge Delphi 7 Personal	#10 Re: [CSS] Abschnitt soll den Rest der Seite ausfüllen 13. Feb 2006, 21:22 Da ich noch keine Lösung gefunden habe, hole ich den Thread wieder hoch. Lukas
	Zitat