100% Höhe von Divs klappt einfach nicht.
Hallo,
ich versuche jetzt schon seit vielen Stunden ein Layout zu erstellen. Habe auch fast alles so hinbekommen wie ich es will außer die Höhe der divs in der Mitte der Seite. Zur Erklärung: Oben ein header (feste höhe und 100% breite), darunter links ein menü (feste breite), mitte der inhalt (variabele breite) und rechts eine weiteres Fenster (feste breite), und unten ein footer. (feste höhe und 100% breite). Der Header passt. Der footer passt. Aber ich bekomme es einfach nicht hin das alles in der Mitte die restliche Seite ausfüllt. In Der Breite klappt das. Aber nicht in der Höhe. Bitte helft mir! Hier der Code der Seite: PHP-Code:
HTML-Code:
html, body { |
Ach so ich habe die Hälfte vergessen...
Das Css habe ich natürlich bereinigt von meinen versuchen. Ich habe es probiert mit: HTML-Code:
min-height: 100%; Wenn jemand eine besser Idee für ein solches Layout hat würde mich das natürlich auch brennend interessieren. |
Was soll denn passieren, wenn der Inhalt mehr Platz braucht als 100%?
Dein PHP ist übrigens nutzlos hier. Poste bitte einen Link, siehe auch die Hinweise für Fragende. |
Danke für die rasche Antwort.
Es soll sich alles am div main "ausrichten" wenn es zu groß ist. Sprich: Immer soll der mittelteil eine höhe von 100% haben. Und wenn zuviel inhalt im div main ist dann soll alles angezeigt werden und der "rest" also der footer nach unten wandern. - Ich hoffe das versteht jemand, weiß garnicht wie ich das beschreiben soll. - Welchen Link soll ich senden? Zur Seite? Die ist noch nicht online. Das include kann man auch gerne durch text ersetzen, muss ja trotzdem gehen... Mehr php ist noch nicht ind der Seite. Ich kann gerne die Dateien per PN, icq oder so zuschicken wenn das hilft... Und noch was: Es klappt bei keinem Browser. Habe die jeweils aktuelle Version (ohne Beta) von den meistgenutzen 5 browsern. |
Zitat:
Gleich hohe Spalten: FAQ Punkt 1. Zitat:
Niemand hat Zeit für Bausätze. Und bei dir kommt noch nichtmal etwas brauchbares raus, wenn man sich die Mühe machen würde. Nochmal: Serverseitiger Code ist hier nutzlos! Zitat:
|
|
Jetzt online: entfernt!
Das Menü ist ohne funktion... |
Du hast bereits die richtigen Tipps bekommen: FAQ 1 und 7.
|
Zitat:
Wenn damit die Sache mit dem Hindergrundbild gemeint ist, dann glaube ich nicht wirklich dass das was wert ist. Ich hätte schon gerne erreicht das es auf jeden monitor so aussieht wie ich es will. Also 200px links, mitte die restliche breite, und rechts 200px. egal ob es auf einem 15 Zoll netbook meiner freundin ist oder auf meinem 30 zoller. und bei einem hintergrundbild geht das eher nicht. oder? [FAQ]Du beschreibst "Footer Stick Alt", siehe FAQ Punkt 7.[/FAQ] richtig. mein footer ist auch dort wo er hin soll aber die höhe der boxen darüber ist nicht korrekt. P.S. Ich wollte hilfe uund lernen. Aber rumraten hilft da nicht weiter. Falls jemand einen lösungsweg hat und mir sagen kann was ich falsch gemacht habe kann er gerne schreiben. Aber es nützt nichts wenn jemand einen link zu einem link zu einem link postet. So wird das weder für mich noch für nachfolgende user erfolgreich. |
Zitat:
Das Prinzip von FAQ 1: Ein Element, das alle 3 Spalten umgibt, bekommt ein bg-Bild, das sich vertikal wiederholt. Und da das umgebende Element immer so hoch ist wie die höchste Spalte, kann die (immer bis ganz unten laufende) Grafik den Eindruck gleich hoher Spalten erzeugen. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 13:33 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023