|
|||
Einen Div am unteren Rand des HTML ausrichten, immer über volle Breite
Hallo Forum,
ich versuche gerade eine eigentlich (?) simple Aufgabe. Ich möchte am unteren Browserrand etwas Gras positionieren. Der Div mit dem Gras soll also immer am unteren Ende des Fensters sitzen und sich über die volle Breite des Fensters ziehen. An sich ok, nur sobalt der Inhalt mal größer als das Fenster ist, man also scrollen muss, gehen die Probleme los. Der Div ist dann mal nicht breit genug oder sitzt in der Höhe falsch. Wie muss man das angehen? Hier mein Versuch: PHP-Code:
Das lässt sich doch irgendwie umsetzen, oder? Vielen Dank für jede Hilfe!! Gruß, Sascha |
Sponsored Links |
|
|||
|
Sponsored Links |
|
|||
Hallo, hab das gleiche Problem. Hab mir diese Seite angeschaut und versucht zu verstehn...
Aber ich seh irgendwie keine Angabe, die mir diese Formatierung des footer-Divs ermöglicht, obwohl es auf der Seite ja richtig ausschaut. Es soll ja so sein: Wenn der Text kürzer als die Höhe des Browserfensters ist, dann soll das DIV am untersten Rand des Browserfensters stehen. Ist der Text aber länger und muss folglich auf der Seite gescrollt werden, dann soll das footer-Div unter dem Text angezeigt werden (also erst muss man halt scrollen und am untersten Rand, wenn der Text zuende ist, ist dann der footer. Die Angabe des footer Divs aus oben genannter Beispielseite lautet ja: Code:
#footer { width: 710px; margin-left: 25px; padding-bottom: 1.5em; /* ich dachte erst, dass hier ists... aber wars nicht */ background-color: #003366; font-size: 85%; color: #A6B8CA; text-align: center; line-height: 1.5em; } |
|
|||
Ich bekomms nicht hin.
Die Seite: bibelgemeinde-fulda.de Ich hab alles mögliche ausprobiert - so wies auf der Seite stand. Mein non-footer heißt website und der footer heißt footer. Derzeit steht im CSS: Code:
html { height: 100%; } body { height: 100%; } #website { position: relative; min-height: 100%; } * html #website { height: 100%; } #footer { position: relative; margin-top: -30px; height: 30px; } Code:
... <div id="website"> <!-- Inhalt der Webseite --> ... </div> <div id="footer"> <!-- Die Footer Angaben --> .... </div> ... Kann mir jemand sagen, was ich falsch mache bzw. was ich ändern muss, damits so ist, wie ichs haben will? |
|
|||
okay, jetzt scheints fast schon zu klappen.
Ein Problem hab ich aber noch: Der Footer verdeckt einen kleinen Teil des unteren Bereichs des Hauptinhalt (des "website"-DIVs). Und zwar immer dann, wenn ich das Browserfenster in der Höhe weit genug verkleinere. Woran liegt das? Warscheinlich kommt das ja durch das "margin-top: -??px". Aber wenn ich das weg lasse, hab ich das Problem von vorhin... |
|
|||
Zitat:
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Div mit fixem Abstand und variabler Breite | tc-burgi | CSS | 0 | 28.08.2010 17:33 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
joomla template entschlüsseln | nieselfriem | CSS | 2 | 18.03.2008 14:12 |
Breite und overflow bei DIV | AuthanRam | CSS | 5 | 12.01.2008 00:01 |
html tabelle in div steht im firefox rechts neben div | Holger (HMR) | CSS | 2 | 08.01.2005 19:45 |