Footer aus PHP, HTML & CSS

EuropaChat · 18. Juli 2010

Hallo,

habe hier einen Footer Footer, dieser sollte bei www.Rönix.de ganz unten an der Webseite angebracht werden (mittig), aber warum ist er in der Mitte oben? Was ist da falsch?

Hier der Code:

<html>

<head>

	<title>Footer</title>


<style>

#footer {

background-color:#252525;

color:#FAFAFA;

font-size:10px;

height:17px;

margin:25px auto 5px;

padding:3px 0;

text-align:center;

width:990px;

-moz-border-radius:7px 7px 7px 7px;

}

#footer a {

color:#FAFAFA;

font-family:arial,sans-serif;

line-height:17px;

}

    </style>

</head>

<body>

<div id="footer" >	

    Copyright by Domain | <a href="#">Hilfe</a> | <a href="#">Support</a> |

    <a href="#">Impressum</a>

<br class="clear"/>

</div>

</body>

</html>[/PHP]

:) Könnte ihn mir bitte jemand überarbeiten? :)

Gruß Markus K.

Herzbert · 18. Juli 2010

Hey,

wenn du ein


clear : both;

in den #footer einfügst müsste das gehen.

Gruß

EuropaChat · 18. Juli 2010

Wie meinst du das? Verstehe ich nicht ganz.

Herzbert · 18. Juli 2010

In die CCS Definition.


#footer {

clear :both;

background-color:#252525;

color:#FAFAFA; 

....

EuropaChat · 18. Juli 2010

Perfekt, jetzt ist er unten. Aber er ist zu weit Rechts, wie bekomm ich ihn in die mitte?

www.Rönix.de

Herzbert · 18. Juli 2010

also du hast

width:990px;

in der CSS vom #footer stehen, da muss ja recht groß sein.

falls du den Footer genau so wie den Header haben willst, müsstest du in aus dem div mit der ID rechts raus nehmen und die Breite dem Bild anpassen.

EuropaChat · 18. Juli 2010

Nein, es kommt ein neuer Header hin, in der größe wie er nun ist passt .

Aber warum ist es nicht mittig fixiert?

Herzbert · 18. Juli 2010

Ist er ja Theoretisch, aber da er größer als seine Elternbox ist füllt er sie ganz aus und der Rest guckt dann rechts raus.

EuropaChat · 18. Juli 2010

Irgendwie sitz ich jetzt komplett auf da Leitung

Was muss ich da jetzt machen bzw. was muss geändert werden, wenn ich den Footer kleiner mache, dann passt er mit dem neuen Header nicht mehr zusammen?

Herzbert · 18. Juli 2010

Das div mit der ID footer ist in dem div mit der ID rechts.

Das div mit der ID rechts ist mit "width : 630px" versehen das div footer ist mit "width: 990px" versehen.

Da das footer in dem div rechts liegt füllt es das div rechts ganz aus und bricht nach rechts noch den rest aus.

Wenn du denn footer nicht aus dem div rechts rausnehmen willst oder nicht die größe anpassen willst, kannst du auch dem div rechts die Eigenschaft

"overflow : hidden;" geben damit das was drüber geht weggeschnitten wird.

omex · 19. Juli 2010

Mal ein Bild eingefügt wie es funktioniert, vom Code aussehen soll.

PS: Nutze für soetwas Firebug, hilft

Toothrot · 19. Juli 2010

Als erstes solltest Du mal sämtliche Fehler im Quellcode beheben. Bis dahin ist es reine Glücksache, wie ein Browser Deine Seite darstellt.

Anmelden

Footer aus PHP, HTML & CSS

Empfohlene Beiträge

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte