Webmaster Forum Logo Part 1 Webmaster Forum Logo Part 2
Webmaster Forum Logo Part 3
     
 
  :: Anmeldung

Benutzername:

Registrierung...

Passwort:

Passwort vergessen?

angemeldet bleiben


  
  :: Umfrage
Welche sozialen Netzwerke benutzt du regelmäßig?

 Facebook
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 73%
 keines
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 22%
 Google+
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 19%
 Twitter
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 11%
 Xing
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 schülerVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 meinVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 studiVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 MySpace
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%
 LinkedIn
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%

 ges. 393 Stimmen
 
  :: Buttons

Valid XHTML 1.0 Transitional

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

 

1 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 09:54

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
 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

 

2 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 10:01

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-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (10. Februar 2011, 10:01)

 

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

 

3 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 10:16

DANKE ,

Werd ich mal testen und hier berichten. Bin noch am Slicen , wollte aber vorher schonmal fragen.
 

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

 

4 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 12:02

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
 

Lon3

Haudegen

Dabei seit: 24.10.2008

Beiträge: 612

 

5 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 12:06

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.

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Lon3« (10. Februar 2011, 12:07)

 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

 

6 Zum Seitenanfang

Donnerstag, 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-
 

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

 

7 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 12:19

Habe jetzt mal auf "min-height:800px;" gesetzt . Das geht einigermaßen.
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.
 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

 

8 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 12:22

geht nicht , gibts nicht.. probier es noch mal und zeig mal das ergebnis.
Mein kleines Projekt
-Cruel Online-
 

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

 

9 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 12:28

So sieht es aus , wenn ich den "Footer" in den "Main" reinnehme.

http://jegi0605.wmw.cc/
 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

 

10 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 12:32

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;)
Mein kleines Projekt
-Cruel Online-
 

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

 

11 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 12:36

Hi ,

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
 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

 

12 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 12:37

also bei deiner JETZTigen version, die gerade hochgeladen ist, da reicht es wenn du für content folgendes machst:

margin:0 10px 64px 80px
Mein kleines Projekt
-Cruel Online-
 

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

 

13 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 12:45

Danke , werd ich gleich noch ändern.

gruß
Jens
 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

 

14 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 12:49

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
Mein kleines Projekt
-Cruel Online-
 

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

 

15 Zum Seitenanfang

Donnerstag, 10. Februar 2011, 13:09

Fixed wollte ich ja haben.
Der Footer soll immer unten angedockt sein.

Aber jetzt passt es ja alles.

Danke Dir.