selfhtml.de - Alles für den Webmaster!

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

Re: CCS Footer wird nicht angezeigt

Autor: gaby [Beiträge: 5703]
Datum: 09.08.2010 16:27:57

> Es ist das erste Mal, dass ich einen Footer
> erstellen will und hab jetzt sehr lange
> experimentiert, bin halt kein Profi, bisher
> leider erfolglos rumprobiert. Der Footer wird
> einfach nicht angezeigt, [...]


Hallo,

Dein Footer ist wirklich nicht zu erkennen.
Das liegt aber daran, daß du keinen Inhalt hineingesetzt hast. ;-)
Mit ein bißchen Text drin, zb

<div id="footer"> hier ist der Fußtext </div>

und Rahmen um das Element

#footer {
   margin: 0px 0 0 0px;
   width: 1024px;
   height: 180px;
   background: url("http://xxxmusxxx.........");
   border: 5px solid aqua;
}
#footer div {
  width: 500px;
  margin-left: 175px;
  border: 3px solid red;
}

würdest du auch sehen, daß er vorhanden ist.




> Also so siehts aus im Detail:
> HTML
> <div id="footer">
> </div>
>
> CSS
> #footer {
>    position: absolute;
>    bottom: 0;
>    width: 100%
>    background: #000000 url('http://xxxmusxxx.xx.funpic.de/.......')
> no-repeat;
> }


Du willst also einen footer, der immer am unteren Rand zu sehen ist?

Ersetze dann 'position: absolute' durch 'position: fixed',
und gib dem #wrapper ein 'padding-bottom' in der Größe der Höhe des #footers.

Dies wäre eine Möglichkeit für standardkonforme Browser (ohne IE-6).



Grüße
gaby


Edit:

Dein #header braucht weder 'position: relative, noch einen z-index.

Antwort schreiben

Username:	Usernamen registrieren
Passwort:	Passwort vergessen?
Thema:
	Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:	> > Es ist das erste Mal, dass ich einen Footer > > erstellen will und hab jetzt sehr lange > > experimentiert, bin halt kein Profi, bisher > > leider erfolglos rumprobiert. Der Footer > wird > > einfach nicht angezeigt, [...] > > > Hallo, > > Dein Footer ist wirklich nicht zu erkennen. > Das liegt aber daran, daß du keinen Inhalt > hineingesetzt hast. ;-) > Mit ein bißchen Text drin, zb > > <div id="footer"> hier ist der Fußtext > </div> > > und Rahmen um das Element > > #footer { >    margin: 0px 0 0 0px; >    width: 1024px; >    height: 180px; >    background: > url("http://xxxmusxxx........."); >    border: 5px solid aqua; > } > #footer div { >   width: 500px; >   margin-left: 175px; >   border: 3px solid red; > } > > würdest du auch sehen, daß er vorhanden ist. > > > > > > Also so siehts aus im Detail: > > HTML > > <div id="footer"> > > </div> > > > > CSS > > #footer { > >    position: absolute; > >    bottom: 0; > >    width: 100% > >    background: #000000 > url('http://xxxmusxxx.xx.funpic.de/.......') > > no-repeat; > > } > > > Du willst also einen footer, der immer am unteren > Rand zu sehen ist? > > Ersetze dann 'position: absolute' durch > 'position: fixed', > und gib dem #wrapper ein 'padding-bottom' in der > Größe der Höhe des #footers. > > Dies wäre eine Möglichkeit für standardkonforme > Browser (ohne IE-6). > > > > Grüße > gaby > > > Edit: > > Dein #header braucht weder 'position: relative, > noch einen z-index.
Link (URL):
Titel für Link:
Grafik (URL):
	Die Breite der Grafik darf 468 Pixel nicht überschreiten.

E-Mail-Benachrichtigung:

wenn auf einen Beitrag zu diesem Thema geantwortet wird
nur wenn auf meinen eigenen Beitrag geantwortet wird
nie

Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...