|
|||
100% höhe des Designs. Footer immer unten.
n'abend @ all,
Ich bin noch ein absoluter Neuling wenn es ums aufbauen einer Webseite mittels CSS und DIV-Containern geht. Ich habe bisher immer alles mit Tabellen aufgebaut und will mich jetzt mal endlich umgewöhnen ... besser ist das Ich habe ein recht einfaches Layout geplant, dachte ich jedenfalls. Jetzt habe ich nur leider 2 Probleme, die ich einfach nicht lösen kann. Ich hab schon ein wenig gegooglet aber ein solcher Fall war komischerweise nicht nochmal zu finden. Hier mal eine Ansicht, wie es zur Zeit aussieht (Im moment nur notdürftig mit Farben gefüllt): http://foo.board23.de/ Und nochmal zum Download: http://foo.board23.de/test.rar Meine Probleme sind jetzt folgende ... Ich habe den Div-Container, der um die komplette Seite liegt mal Grau eingefärbt, damit man ihn sieht. Dieser Container hat eindeutig eine Höhe von 100%, so wie ich es haben möchte. Allerdings möchte ich den Footer immer am ende der Seite haben und der dazwischen liegende Content-Bereich soll halt so hoch sein, wie es eben möglich ist. Das wäre Problem 1 - kommen wir zu Problem 2 ... Die beiden Container #leftnavi und #rightnavi lasse ich links und rechts floaten. Ich denke hierbei erkennt man ganz gut wie hässlich es im Moment aussieht ... wenn der Content länger ist als die Inhalte der beiden Navigationsleisten, dann laufen die Navigationsleisten halt nicht bis zu Ende weiter und das ist das, was ich beheben möchte. Kurz gesagt soll der Footer immer ganz am Ende der Seite platziert sein und alles was zwischen #topnavi und #footer liegt soll die Maximale höhe erhalten. Wenn ich den Mainbereich auf 100% stelle, dann geht er viel zu weit nach unten, weil er dann genauso hoch ist wie die Seite, was aber nicht so gut kommt, da durch #header und #topnavi ja schon 150px verbraucht werden. wäre nett, wenn mir jemand helfen könnte ... wie gesagt, bin recht neu auf dem Bereich (bzw. es ist das erste was ich überhaupt so zusammen gebastelt habe) MfG Donar |
Sponsored Links |
|
|||
OK, sorry ... so hatte ich es schonmal versucht aber klappte nicht ...
nachdem ich nen bisschen anderes Zeug umgebaut hatte gings dann aber wäre noch das 2te Problem. Der Inhalt und die rechte und linke Navigationsleiste müssen jetzt auch bis zum Ende laufen ... funktioniert das überhaupt mit dem floating oder muss ich mir da was anderes einfallen lassen? MfG Donar |
|
|||
Auch nicht gerade die schönste Lösung würde ich mal behaupten. Das hatte ich mir eben schon angesehen aber es muss doch wohl ne andere Möglichkeit geben.
Es wird doch irgendwie möglich sein einem Div zu sagen, dass es sich so weit nach unten ausdehnen soll, bis es an den Rand des Eltern-Divs stößt. Ich finde es ein bisschen schwachsinnig solche Effekte mit einem wiederholenden Hintergrundbild zu simulieren ... ich mein, die Lösung mit dem Footer ist auch unschön, weil ich ihn dadurch nicht mehr in dem Div habe, welches eigentlich alles umschließen soll. CSS ist doch eigentlich mehr als billige Tricks anzuwenden ... ich möchte halt Struktur haben und die werde ich so sicher nicht erhalten. Geändert von Donar (25.01.2008 um 23:04 Uhr) |
|
|||
Zitat:
am besten frage ich einfach den Browser ab und verweigere IE Usern den zutritt ... |
|
|||
Zitat:
daß sie grad dann, wenn wir sie mit dem zärtlichsten Scharfsinn erfassen möchten, sich heimtückisch zurückziehen in den Schlupfwinkel der Unbegreiflichkeit?" ["Eduards Traum", Wilhelm Busch] |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
div auf 100% Höhe des Browsers | siliciumcarbid | CSS | 2 | 20.03.2011 13:00 |
Kompatibilität des Designs für den IE | MuschelInBlau | CSS | 10 | 05.05.2009 22:24 |
Höhe des DIVs automatisch auf volle Höhe | scheichxodox | Knowledge Base | 5 | 21.12.2004 11:31 |
100% Höhe des Bodys | do | CSS | 7 | 25.11.2004 22:53 |
3 div-Container sollen autom. die Höhe des längsten haben | DanEl | CSS | 4 | 13.06.2004 22:39 |