Grosser weisser Balken unterhalb der Site

Hallo Zusammen,

Ich bin neu hier und habe begonnen mit Joomla eine Website zu programmieren. Nun habe ich das Problem, dass Joomla das Fenster nicht ausfüllt, d.h. direkt unter dem untersten Modul hängt Joomla den Footer an und dann kommt nur noch ein weisser Balken. Ich habe das Problem notdürftig so gelöst, indem ich unter das unterste Modul noch etwa 20 Breaks gemacht habe. Kann mir jemand helfen wie ich dieses Problem allgemein lösen könnte?
Template: Constructo
Joomla 3.4.8

Ich freue mich über jeden Tipp :-X
Newcomer

Hi Joomlanewcomer und willkommen hier im Forum.

Dein Problem betrifft die Darstellung, d.h. dein Template, resp. deren CSS-Datei(en).

Damit dir die CSS-Cracks hier (not me) helfen können, musst du schon einen Link zur Seite angeben, damit man sich das anschauen kann. Falls die Seite online ist. Alles andere wäre bestenfalls ein Ratespiel, dass kaum zum Erfolg/lösen des Problems führen kann.

Nimm doch mal diese Breaks raus, und gib uns den Link zu der Seite. Ich bin sicher, dass man dann da was machen kann.

Cheers
Roger

Hallo Newcomer,
ja, du musst die CSS-Datei deines Templates anpassen.
das mit dem breaks ist keine Lösung, das stimmt dann nur bei deiner Bildschirmgrösse.

Es gibt zwei Varianten:
- entweder soll der Footer immer am unteren Rand kleben und beim scrollen nicht mitscrollen. Das nennt man "sticky-footer". Da ist beim footer:
position: fixed; bottom: 0;
Es gibt viele Anleitungen im Netz

- oder der footer soll unten an den Rand, aber mitscrollen , wenn nötig.
cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/
da muss man height:100%, min-height: 100% und position von einigen Containers richtig setzen.

Grüsse, Pascale

Hi Pascale,
Vielen Dank für deine ausführliche Antwort es funktioniert jetzt wirklich. Die Website ist aber noch offline.
Grüsse, Newcomer

Hallo Pascale ich bin ein Anfänger und habe das selbe Problem. Nun weiss Ich bloss nicht wo genau ich den Footer ändern muss?
In der position.css-Datei oder personal.css-Datei, oder in einer anderen Datei? Gibt es evt. eine Zeilennumer damit Ich die richtige Stelle finde? Besten Dank und Gruss Sandra

www.igweissenstein.ch/index.php/zweckverfolgung da ist der weisse Balken zu sehen und Ich möchte so ein Sicky footer kreieren. Allerdings ich kann kein englisch.

Besten Dank und Gruss Sandra

Hallo Sandra
Wenn du die CSS deines Templates ändern möchtest, dann solltest du bei Firefox das Addon Firebug installieren. Damit kannst du das CSS deiner Webseite untersuchen.

Dein Footer ist im layout.css definiert. Wenn du dort das anfügst, dann klebt dein Footer am unteren Rand.

#footer-outer {
bottom: 0;
position: fixed;
width: 100%;
}

Ich persönlich mag keine sticky footer beim Tablet/Handy. Daher solltest du dies ausklammern.
Wenn du nach "media queries" suchst, findest du sicherlich auch Anleitungen auf deutsch.

Noch was. Besser ist es, dein CSS nicht in die orginial-Dateien deines Templates zu schreiben, sondern separat, damit bei einem Update des Templates der Code nicht verloren geht. Ich weiss aber nicht, ob dein Template so was zur Verfügung stellt.

Grüsse, Pascale

Whow herzlichen Dank, für die prompte Hilfe! :woohoo: Ich habe mir gestern zum ersten Mal im Safari meine Webseite mit css Bearbeitungemöglichkeit angeschaut...alles noch Hieroglyphen...aber es eilt ja nicht, muss mich erst noch anfreunden. Ansonsten nehme Ich Deinen Ratschalg an und instaliere Firefox und somit Addon Firebug.
Das mit dem Footer werde Ich heute Abend aus probieren, ebenfalls Danke!

Ich habe 6 Webseiten auf Joomla am Laufen und bei allen arbeite Ich mit einer Kopie....bis ich das raus gefunden habe....mir hat es bei jedem Update alles überschrieben auf allen Seiten....tja spannend!
Auf alle Fälle ein grosses Dankeschön Euch allen, ich konnte schon viele Hilfen von Euch umsetzen.
Aber mir wird auch bewusst dass es wohl immer eher ein Buch mit sieben Siegel für mich ist, und ich nicht Ansatzweise je durchblicken werde Liebe Grüsse Sandra

Hallo pascale, heute habe Ich mir Zeit genommen und den Footer unten fixiert, dank Deiner Hilfe klappte das, jedoch das Problem mit dem weissen Balken unten bleibt. Bzw wenn der Text lang genug ist geht er weg, habe Ich in einem Beitrag nur wenig Text ist er vorhanden. Siehe Bild weisst Du dazu noch Rat?
www.demaso.ch dei Webseite sit noch leer ich stelle sie gleich online im Moment ist sie noch im Offline-Modus
Dankeschön

Hallo Sam
So sollte es klappen, wenn du diesen Code anfügst:

html {
height: 100%;
background: #eee;
}

body {
height: 100%;
}

#all {
min-height: 100%;
}

probiere es mal. Kontolliere die Seite ohne scrollen und die Seite mit scrollen. Wenn es nicht geht, dann kannst du auch
#contentarea, #contentarea2
ein min-height von z.B. 1000px geben.

viel Glück, Grüsse, Pascale

Super! Nun klappt es wunderbar, Danke vielmals Pascale!!!