Wie 100% Höhe erreichen?

[studio-kiel]

Hier könnt ihr sicher sehen, was ich meine: http://www.corporate-music.de/phpwcms/i ... ,0,0,1,0,0

Der farbige Bereich unter dem Menü, der Bereich des Haupt-Fensters und die rechte Spalte sollen immer bis ganz unten mit der Hintergrundfarbe ausgefüllt sein.

Habe es schon mit Tabellen probiert, aber Height="100%" funktioniert nicht und sobald einer der drei Bereiche länger wird als die anderen, erscheinen wieder die hässlichen Lücken.

Am liebsten wäre es mir auch, wenn der untere graue Bereich, in dem das "copyright" steht, immer ganz unten am Bildschirmrand bleiben würde und das darüber bis dahin immer automatisch weiss ist - egal welche Auflösung jemand fährt oder unabhängig von der Inhaltslänge.

Mit Frames und HTML wäre es kein Problem, aber mit PHP und phpwcms schaffe ich es bisher nicht. Wer hilft?

[Oliver Georgi]

Du musst Dich mit CSS beschäftigen.

Code: Select all

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}

Und Deiner Tabelle wieder 100% Höhe geben.

Oliver

[Moan]

Hi studio-kiel,

vielleicht könnte dir auch die Faux-Columns-Technik bei deinem Vorhaben behilflich sein. Ich hatte diese Problem auch schon des Öfteren und bin mit dieser Technik ganz gut gefahren.

Cheers

Dani

[studio-kiel]

Um das hier geht es: http://www.corporate-music.de/phpwcms/

Links und Rechts in den Spalten sollte der gestrichelte Hintergrund (z.B. unter dem Menü) nicht zu sehen sein.

Mein Quelltext der linken Spalte:

<table width="100%" height="100%" bgcolor="#5d6368" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#4d5256" valign="top">
{nav_table_column}
</td>
</tr>
</table>

Meine Standard CSS beginnt so:

body {

font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;
}

[Oliver Georgi]

schau Dir Deinen Sourceode an - soviele Bugs. Du zwingst jeden Browser wieder in den Quirks Modus...

Oliver

[studio-kiel]

Nanu? Dann erklär mir doch mal bitte wo? Mein HTML-Code ist doch einwandfrei - den Rest macht ja phpwcms.

[Heiko H.]

Nanu? Dann erklär mir doch mal bitte wo? Mein HTML-Code ist doch einwandfrei - den Rest macht ja phpwcms.

Guckst Du hier: http://validator.w3.org/check?uri=http% ... C1%2C0%2C0

Aber davon mal ganz abgesehen, solltest Du dich mal näher mit DIV und CSS auseinandersetzten.
Wenn's denn aber doch ein Tabellenlayout werden soll, dann folgendes:
Ein dreispaltiges Layout heißt nicht drei Tabellen nebeneinander, sondern eine Tabelle mit drei Spalten, dann ist die Navi-Spalte auch immer solang, wie die längste Spalte der Seite.
Uns Pepe hat da fast allen hier den Weg geebnet: http://www.peperkorn-online.de/quick-st ... -dev.phtml

Ganz unter uns {nav_table_column} ist auch schon ein mächtig alter Hut.

Gruß Heiko...

[studio-kiel]

Nanu? Dann erklär mir doch mal bitte wo? Mein HTML-Code ist doch einwandfrei - den Rest macht ja phpwcms.

Guckst Du hier: http://validator.w3.org/check?uri=http% ... C1%2C0%2C0

Was soll ich da sehen - ausser, dass dort Dinge als Fehler angezeigt werden, die vom "HTML"-Code her völlig in Ordnung sind.

Aber davon mal ganz abgesehen, solltest Du dich mal näher mit DIV und CSS auseinandersetzten.

Das muss ich wohl in der Tat.

Wenn's denn aber doch ein Tabellenlayout werden soll, dann folgendes:
Ein dreispaltiges Layout heißt nicht drei Tabellen nebeneinander, sondern eine Tabelle mit drei Spalten, dann ist die Navi-Spalte auch immer solang, wie die längste Spalte der Seite.
Uns Pepe hat da fast allen hier den Weg geebnet: http://www.peperkorn-online.de/quick-st ... -dev.phtml

Das ist mir schon klar - mir geht es ja auch nicht um die Höhe der Gesamttabelle, sondern darum, dass die linke und rechte Spalte sich nicht bis zum Ende mit Farbe füllen lassen.

Ganz unter uns {nav_table_column} ist auch schon ein mächtig alter Hut.

Hehe, mag sein. Für mich als Anfänger ist das schon toll

Gruß Heiko...

[Heiko H.]

Was soll ich da sehen - ausser, dass dort Dinge als Fehler angezeigt werden, die vom "HTML"-Code her völlig in Ordnung sind.

Na, wenn Du meinst

Aber davon mal ganz abgesehen, solltest Du dich mal näher mit DIV und CSS auseinandersetzten.

Das muss ich wohl in der Tat.

YEP...

Das ist mir schon klar - mir geht es ja auch nicht um die Höhe der Gesamttabelle, sondern darum, dass die linke und rechte Spalte sich nicht bis zum Ende mit Farbe füllen lassen.

Ja, davon rede ich ja!
Also im Template (Vorlage) schreibst Du in das Feld "links" nur {nav_table_column} rein. Bei Seitenlayout definierts Du für "links" #4d5256 als Farbe und dann , versprochen

Ganz unter uns {nav_table_column} ist auch schon ein mächtig alter Hut.

Hehe, mag sein. Für mich als Anfänger ist das schon toll

Na gut...


Grüße aus DD, Heiko...

[studio-kiel]

Oh man *fassandieheissebirne* DANKE

Keine Ahnung, warum ich da nicht gleich drauf gekommen bin. Nun brauche ich den ganzen CSS-Height-Krams gar nichts

DANKE!!!

[Heiko H.]

Oh man *fassandieheissebirne* DANKE

Keine Ahnung, warum ich da nicht gleich drauf gekommen bin. Nun brauche ich den ganzen CSS-Height-Krams gar nichts

DANKE!!!

Gern doch...