EuropaChat Geschrieben 18. Juli 2010 Geschrieben 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. Zitieren
Herzbert Geschrieben 18. Juli 2010 Geschrieben 18. Juli 2010 Hey, wenn du ein clear : both; in den #footer einfügst müsste das gehen. Gruß Zitieren
EuropaChat Geschrieben 18. Juli 2010 Autor Geschrieben 18. Juli 2010 Wie meinst du das? Verstehe ich nicht ganz. Zitieren
Herzbert Geschrieben 18. Juli 2010 Geschrieben 18. Juli 2010 In die CCS Definition. #footer { clear :both; background-color:#252525; color:#FAFAFA; .... Zitieren
EuropaChat Geschrieben 18. Juli 2010 Autor Geschrieben 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 Zitieren
Herzbert Geschrieben 18. Juli 2010 Geschrieben 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. Zitieren
EuropaChat Geschrieben 18. Juli 2010 Autor Geschrieben 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? Zitieren
Herzbert Geschrieben 18. Juli 2010 Geschrieben 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. Zitieren
EuropaChat Geschrieben 18. Juli 2010 Autor Geschrieben 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? Zitieren
Herzbert Geschrieben 18. Juli 2010 Geschrieben 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. Zitieren
omex Geschrieben 19. Juli 2010 Geschrieben 19. Juli 2010 Mal ein Bild eingefügt wie es funktioniert, vom Code aussehen soll. PS: Nutze für soetwas Firebug, hilft Zitieren
Toothrot Geschrieben 19. Juli 2010 Geschrieben 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. Zitieren
Empfohlene Beiträge
Dein Kommentar
Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.