selfhtml.de - Alles für den Webmaster!

Anzeige: united-domains - Die ganze Welt der Domains

CCS Footer wird nicht angezeigt

Autor: Mus
Datum: 06.08.2010 04:28:30

Hallo werte Community :)

bin neu hier und habe gleich ein Anliegen, um ehrlich zu sein erbitte ich eure Hilfe.

Ich habe mich entschlossen meine alte HP wieder aufleben zu lassen und wollte mich um ein gutes Design kümmern. Da scheiterts schon...^^

Augenmerk ist also nur das Style.
Header und Body klappt soweit gut, sowie die Navigationsleiste etc... .

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, vllt wird er vom Body Background verdeckt wer weiß.

http://xxxmusxxx.xx.funpic.de/MyPage/index_1.0.html
(das ist die normale Indexseite, hier hab ich einfach den Footer weggelassen im CSS und HTML)
http://xxxmusxxx.xx.funpic.de/MyPage/style.css
(dazugehöriges CSS)

http://xxxmusxxx.xx.funpic.de/MyPage/Tests/index_1.0.html
(Testseite)
http://xxxmusxxx.xx.funpic.de/MyPage/Tests/style.css
(CSS)

http://xxxmusxxx.xx.funpic.de/MyPage/0Pics0/images/Homepage_Styles/footer.JPG
(Footer Prototyp....^^)

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/MyPage/0Pics0/images/Homepage_Styles/footer.JPG') no-repeat;
}

Ich denke auch der Ansatz ist falsch. Jedoch keine Ahnung wie es funktionieren soll.
Das Bild hab ich auch schonmal im HTML verlinkt, ähnlich wie beim Header...naja, hat auch nicht geklappt

Ich hoffe ihr findet eine Lösung und bedanke mich schonmal für eure Unterstützung.

MfG
Marcus alias Mus

Re: CCS Footer wird nicht angezeigt

Autor: gaby
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.