|
|||
Footer "schrumpft" in Chrome
Hallo ihr,
ich erstelle momentan eine Homepage als Hausaufgabe für die Uni und habe dabei folgendes Problem: Wenn ich die Seite ( Link: Mein Blog - Backen mit Liebe ) in Chrome öffne, ist der Footer ein kleines Stückchen zu kurz, also geht nicht bis zum rechten Rand des weißen Content-Bereiches... Wisst ihr was ich ändern muss, um diesen Fehler zu beheben? In der CSS-Datei ist der Footer so festgelegt: Code:
footer { background: #f2e2dc; width: 870px; margin-left: 100px; margin-bottom: 40px; padding: 15px; font-family: Arial, sans-serif; font-size: 12px; color: #c79f8b; } Maria Edit: Der Inhalt is teilweise vorgeschrieben und wahllos, also bitte keine Kommentare dazu.. |
Sponsored Links |
Sponsored Links |
|
|||
Interessant ist, dass es sich um ein padding-top handelt, was da auf 0 gesetzt werden muss. Bug im Browser, würde ich vermuten. Safari sieht (noch) gut aus.
|
|
|||
Doppelterregenbogen, die doppelte Angabe hilft dir nichts:
Code:
#content { display: table; background: #ffffff; width: 900px; padding: 0; padding-top: 20px; margin-left: 100px; } |
|
|||
Wie auch immer, im letzten Canary Build von Chrome sieht alles wieder gut aus.
Code:
<!doctype html> <html> <head> <style> #ruler {width: 100px; background: green;} #table {display: table; background: red; padding-top: 20px; width: 100px; } </style> </head> <body> <div id="ruler">R</div> <div id="table">T</div> </body> </html> |
|
|||
Zitat:
Wenn ich padding-top wegmache funktioniert es sogar, aber dann fehlt mir der Abstand oben. Wenn die Überschriften an der Navigation kleben sieht das nicht so schön aus... Was mache ich da? Und liegt das echt am Browser dass der damit nicht klar kommt oder darf man sowas einfach nicht machen? (Padding-Top = No go?!) Edit: Habe nun einfach jeweils in "section" und "aside" den padding-top Teil eingefügt... trotzdem würde ich das Problem gern "verstehen"... Geändert von Doublerainbow (01.02.2012 um 23:08 Uhr) |
|
|||
padding-top ist so unschuldig wie ein Grashalm. Nur diese spezielle Version des Google Chrome hat offenbar einen Bug bei padding-top einer Tabelle, was für sich genommen erstaunlich ist, weil es doch einige Seiten zerschossen haben müsste.
Dass es ein Browser-Bug ist, schließe ich daraus, dass kein anderer Browser das Problem zeigt und die nächste Version des Chrome (das Canary Build) nicht mehr betroffen ist. Browser Bugs an sich sind nichts Ungewöhnliches, muss man mit leben. |
Stichwörter |
browser, css, footer |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Footer container werden untereinander dargestellt... | Ntracks | CSS | 10 | 07.08.2010 19:24 |
cssstickyfooter.com | horizontales Scrollen --> Footer verschwindet | daigo | CSS | 0 | 19.05.2009 11:56 |
Layout - footer und layer[links] - Probleme - (CSS-Anfänger) | Basti_LRT | CSS | 1 | 08.10.2007 23:03 |
Footer Problem (3 spaltiges Layout, variable Höhe) | Lofesto | CSS | 2 | 23.07.2007 17:13 |
Footer Problem | blub19 | CSS | 6 | 25.01.2005 12:46 |