CSS / Grafik immer am unteren Bildschirmrand ?
Hallo ,
Ich erstelle gerade ein Design mittels CSS/DIV.
Nun möchte ich es gern so haben , das der Footer immer ganz unten am Bildschirmrand ist , egal bei welcher Monitorauflösung.
Kann mir einer ein Tipp geben , wie man das machen kann ?
Danke
gruß
Jens
Ich erstelle gerade ein Design mittels CSS/DIV.
Nun möchte ich es gern so haben , das der Footer immer ganz unten am Bildschirmrand ist , egal bei welcher Monitorauflösung.
Kann mir einer ein Tipp geben , wie man das machen kann ?
Danke
gruß
Jens
|
|
HTML |
1 2 3 4 5 6 7 |
.footer{
background:url(footer.jpg);
position:fixed;
height:30px;
bottom:0px;
margin-top:30px;
}
|
etwa so?
Mein kleines Projekt
-Cruel Online-
-Cruel Online-
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (10. Februar 2011, 10:01)
So , hat wunderbar funktioniert.
Jetzt habe ich aber ein anderes Problem , und zwar soll sich der Content immer bis zu Footer ziehen.
Siehe hier : http://jegi0605.wmw.cc/
Habe es schon mit "min-height: 100%;" versucht , klappt leider nicht :-(
Hat da eventuell einer eine Idee ?
Danke
gruß
Jens
Jetzt habe ich aber ein anderes Problem , und zwar soll sich der Content immer bis zu Footer ziehen.
Siehe hier : http://jegi0605.wmw.cc/
Habe es schon mit "min-height: 100%;" versucht , klappt leider nicht :-(
Hat da eventuell einer eine Idee ?
Danke
gruß
Jens
Mhh ist es wirklich so schlau den Footer so zu Designen?
Wenn du ganz wenig Content hast, sieht das ganze doch immer leer aus.
Ansosnten wenn es immer nur eine feste größe ist, stelle es doch einen festen wert ein zb. 800px.
Wenn du ganz wenig Content hast, sieht das ganze doch immer leer aus.
Ansosnten wenn es immer nur eine feste größe ist, stelle es doch einen festen wert ein zb. 800px.
Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Lon3« (10. Februar 2011, 12:07)
pack doch dein footer IN den main rein dann wird dein Footer immer unten dem content sein
Mein kleines Projekt
-Cruel Online-
-Cruel Online-
Habe jetzt mal auf "min-height:800px;" gesetzt . Das geht einigermaßen.
Man kann zwar jetzt scrollen , stört aber nicht weiter.
Hatte ich schon Probiert , geht leider nicht.
Content wird noch einiges kommen. Jetzt habe ich 800px und es ist noch flexibel.
Man kann zwar jetzt scrollen , stört aber nicht weiter.
Zitat
pack doch dein footer IN den main rein dann wird dein Footer immer unten dem content sein
Hatte ich schon Probiert , geht leider nicht.
Zitat
Mhh ist es wirklich so schlau den Footer so zu Designen?
Wenn du ganz wenig Content hast, sieht das ganze doch immer leer aus.
Ansosnten wenn es immer nur eine feste größe ist, stelle es doch einen festen wert ein zb. 800px.
Content wird noch einiges kommen. Jetzt habe ich 800px und es ist noch flexibel.
geht nicht , gibts nicht.. probier es noch mal und zeig mal das ergebnis.
Mein kleines Projekt
-Cruel Online-
-Cruel Online-
also ich habe gerade folgendes mit Firebug gemacht:
footer_bg -> alles weg
footer -> width gelöscht
content -> margin auf 0px 10px 10px 80px umgestellt..
probier mal aus
footer_bg -> alles weg
footer -> width gelöscht
content -> margin auf 0px 10px 10px 80px umgestellt..
probier mal aus
Mein kleines Projekt
-Cruel Online-
-Cruel Online-
Hi ,
Danke erstmal für deine Hilfe.
Ich habe es jetzt hinbekommen , und zwar hatte ich in der Style die HTML formatierung vergessen.
Jetzt funktioniert es auch mit der min-height: % Angabe.
Aber ich werde deine Variante auch nochmal testen. Da ich nicht weiss , ob es bei verschiedenen Monitorauflösungen auch klappt.
gruß
Jens
Danke erstmal für deine Hilfe.
Ich habe es jetzt hinbekommen , und zwar hatte ich in der Style die HTML formatierung vergessen.
|
|
Cascading Style Sheet |
1 2 3 4 |
html { width:100%; height:100%; } |
Jetzt funktioniert es auch mit der min-height: % Angabe.
Aber ich werde deine Variante auch nochmal testen. Da ich nicht weiss , ob es bei verschiedenen Monitorauflösungen auch klappt.
gruß
Jens
also bei deiner JETZTigen version, die gerade hochgeladen ist, da reicht es wenn du für content folgendes machst:
margin:0 10px 64px 80px
margin:0 10px 64px 80px
Mein kleines Projekt
-Cruel Online-
-Cruel Online-
so und damit es perfekt wird.. machste noch folgendes:
footer_bg : margin-top wegmachen, und position:fixed wegmachen
content: einfahc nur margin:auto;
und fertig
footer_bg : margin-top wegmachen, und position:fixed wegmachen
content: einfahc nur margin:auto;
und fertig
Mein kleines Projekt
-Cruel Online-
-Cruel Online-
Ähnliche Themen
-
Microsoft Plattform »-
HTC Touch Diamond. Empfehlenswert? Erfahrungen?
(15. September 2008, 23:59)
-
(X)HTML & CSS & DHTML & Javascript »-
Navigation 3D-Darstellungsproblem (Fehler bei der Borderdarstellung)
(8. April 2008, 21:01)
-
(X)HTML & CSS & DHTML & Javascript »-
div container Größe subtrahieren?
(1. Dezember 2004, 17:37)
-
Feedback-Forum »-
bitte anfang bewerten
(1. Juni 2003, 19:34)


