Page 1 of 1
Wie 100% Höhe erreichen?
Posted: Fri 9. Mar 2007, 15:27
by 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?
Posted: Fri 9. Mar 2007, 16:40
by 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
Posted: Sat 10. Mar 2007, 01:03
by 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
Posted: Wed 14. Mar 2007, 12:35
by 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%;
}
Posted: Wed 14. Mar 2007, 12:49
by Oliver Georgi
schau Dir Deinen Sourceode an - soviele Bugs. Du zwingst jeden Browser wieder in den Quirks Modus...
Oliver
Posted: Wed 14. Mar 2007, 12:57
by studio-kiel
Nanu? Dann erklär mir doch mal bitte wo? Mein HTML-Code ist doch einwandfrei - den Rest macht ja phpwcms.
Posted: Wed 14. Mar 2007, 13:11
by Heiko H.
studio-kiel wrote: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...
Posted: Wed 14. Mar 2007, 13:43
by studio-kiel
Heiko H. wrote:studio-kiel wrote: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...
Posted: Wed 14. Mar 2007, 14:03
by Heiko H.
studio-kiel wrote:
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...
Posted: Wed 14. Mar 2007, 14:15
by 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!!!
Posted: Wed 14. Mar 2007, 14:18
by Heiko H.
studio-kiel wrote: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...