Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Themen

Footer aus PHP, HTML & CSS

Gast EuropaChat
Gast EuropaChat
in Skript- und Webserverprogrammierung

Empfohlene Antworten

Veröffentlicht

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. :)

Hey,

wenn du ein 


clear : both;

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

Gruß

Wie meinst du das? :( Verstehe ich nicht ganz.

In die CCS Definition.


#footer {

clear :both;

background-color:#252525;

color:#FAFAFA; 

....

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

www.Rönix.de

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.

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

Aber warum ist es nicht mittig fixiert?

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.

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?

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.

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

PS: Nutze für soetwas Firebug, hilft ;)

bild.png

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

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Zur Themenliste gehen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.