Footer über ganze Bildschirmbreite. Wie?

[thomas.japan]

Hallo erstmal an Alle!

Ich bin Anfänger in HTML, CSS und Typolight. Das gleich als erstes.

Im Moment versuche ich erst einmal Templates von OSWD an Typolight an zupassen. Klappt eigentlich auch ganz gut, nur möchte ich im Footer eine Grafik über die gesamte Bildschirmbreite haben. Im Kopfbereich habe ich es hin bekommen. Ich habe im Layout eine Seitenbreite 750px angegeben.
Nach vielem lesen von Seiten wie CSS 4 you und anderen, weiß ich im Moment nicht mehr weiter. Habe (glaube ich zu mindest) alle Optionen ausprobiert die mir das interne erzeugen von Stylesheets bietet.

Habe mir auch andere mit TL erstellte Seiten und deren CSS angesehen, komme aber nicht weiter.

Einen Link kann ich euch vorerst nicht geben, da ich erst einmal lokal anfange.

Vielen Dank im voraus für euere Hilfe.

Gruß

Thomas

[Sebastian]

HI

dazu wirst du wohl das Template fe_page.tpl anpassen müssen und den Footer außerhalb vom #wrapper positionieren wollen. Dann kannst du diesem Container die Grafik zuweisen und dem inneren die Werte für die feste Breite.

Sebastian

[thomas.japan]

HI

dazu wirst du wohl das Template fe_page.tpl anpassen müssen und den Footer außerhalb vom #wrapper positionieren wollen. Dann kannst du diesem Container die Grafik zuweisen und dem inneren die Werte für die feste Breite.

Sebastian

Hallo Sebastian,

vielen Dank für die schnelle Antwort.

Genau das hatte ich schon befürchtet. Ich habe dies auch schon bei einigen HTML-Vorlagen gemacht, nur hatte ich gehofft das es eine andere Lösung gibt.

Naja.... Dann schauen wir mal.
Gruß
Thomas

[Sebastian]

HI

über abstruse Positionierungen kommst du auch so zum Ziel, aber ich glaube mit einer Templateänderung ist es besser. Diese kannst du dir übrigens auch sparen, wenn du nicht den #wrapper über da Seitenlayout konfigurierst, sondern die Breite jeweils von Hand bei #header, #container und #footer einstellst. Dann kommst du mit dem Standardtemplate hin.

Sebastian

[thomas.japan]

HI

über abstruse Positionierungen kommst du auch so zum Ziel, aber ich glaube mit einer Templateänderung ist es besser. Diese kannst du dir übrigens auch sparen, wenn du nicht den #wrapper über da Seitenlayout konfigurierst, sondern die Breite jeweils von Hand bei #header, #container und #footer einstellst. Dann kommst du mit dem Standardtemplate hin.

Sebastian

Hallo Sebastian,

nochmal Danke.

Das probiere ich morgen mal aus.

Einen schönen Abend noch.

Thomas

[Lions_Den]

bei dieser website habe ich das mal gemacht: http://www.wohnraum-manufaktur.de/

dafür habe ich das template geändert und das entsprechende css geschrieben.

header, content und footer-div habe ich jeweils auf 100% breite gesetzt, diesen containern jeweils noch einen div mit der klasse "inside" gegeben und diese divs dann auf die eigentliche website-breite gesetzt...easy

[Pellinger]

Schau mal hier: http://ryanfait.com/resources/footer...ottom-of-page/

Sehr schöne Variante, benötigt dann aber auch die Änderung in der fe_page.

[Sebastian]

HI

das ist aber eine FooterStick-Methode, hier ging es nur um die Breite. Ich biete auch nach wie vor mein footerStickAlt-Template für Beta-Tester an. Einfach eine Mail schicken.

Sebastian

[thomas.japan]

HI

über abstruse Positionierungen kommst du auch so zum Ziel, aber ich glaube mit einer Templateänderung ist es besser. Diese kannst du dir übrigens auch sparen, wenn du nicht den #wrapper über da Seitenlayout konfigurierst, sondern die Breite jeweils von Hand bei #header, #container und #footer einstellst. Dann kommst du mit dem Standardtemplate hin.

Sebastian

Hallo Sebastian,

habe es mit dieser Metohde sehr gut hin bekommen.

Danke
Thomas

[Nikolas]

HI

das ist aber eine FooterStick-Methode, hier ging es nur um die Breite. Ich biete auch nach wie vor mein footerStickAlt-Template für Beta-Tester an. Einfach eine Mail schicken.

Sebastian

Da wäre ich mal interessiert dran. Wollt eigentlich meine eigene Variante machen aber wenn du da schon was hast würde ich mich gern als Beta-Tester anbieten

Gruß
Nikolas

[Q..]

Ich glaube, es geht viel einfacher!

Ich habe es so umgesetzt, wie in diesem Beitrag beschrieben.

Den Inhalt (des Footers beispielsweise) habe ich mit folgenden Zeilen zentriert:

#footer .inside{
     text-align: center;
}

Grüße
Q..

[Kasey]

Hintergrund Footer über ganze Breite

Gelöst