|
|||
bei fixen footer, text wird im Safari, Opera & Chrome nicht komplett angezeigt
Hy liebe Forenmitglieder,
ich habe folgendes Problem: Für einen Freund mache ich seine HP neu, der Head. und Footbereich sind fixe DIV's, sprich sie sollen immer da bleiben wo sie sind (wegen Navigation). Der Text zwischen dem Head- und Footbereich kann man mittels Scrollen dann verschieben. Im FF und im IE9 kein Problem funktioniert tatellos nur leider mit Opera, Safari & Chrome nicht, hier fehlen immer die letzten Zeilen Laut W3C sind meine Seiten Validiert, zeigen also keine Fehler. Hier mal ein Link wo man dies prima sehen kann: http://http://www.fatihs-bazar.at/new/ankauf.html Ich bin mir nicht sicher obs am CSS Code oder am XHTML liegt, da ihr den XHTML Code eh auslesen könnt hier noch schnell den CSS Code: Code:
html { height: 100%; margin-bottom: 1px; font-size: 62.5%; } * { margin: 0px; padding: 0px; border: 0px; } body { margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.8em; color: #000000; background-attachment: fixed; background-color: #00BFFF; background-image: url(../images/fatih1.png); height:100%; } a.navi:link { padding-left: 25px; } a.navi:visited { padding-left: 25px; } a.navi:hover { padding-left: 25px; } a.navi:active { padding-left: 25px; } #wrapper { width: 950px; height:100%; margin-right: auto; margin-left: auto; background-color: #fff; } #header { position: fixed; top: 0px; left: 0px; right: 0px; width: auto; height: 220px; text-align: center; } #content { position: relative; width: auto; margin-right: auto; margin-left: auto; text-align:center; padding-top: 220px; margin-bottom: 120px; overflow: visible; overflow-x: auto; background-color: #fff; } #footer { position: fixed; bottom: 0px; left: 0px; right: 0px; width: auto; height: 120px; background-color: #00bfff; background-image: url(../images/fatih1.png); text-align: center; } #topnav { width: 950px; height: 220px; text-align: center; margin-right: auto; margin-left: auto; background-color: #fff; } input, select, textarea { border: 1px solid #000000; border-right: 1px dotted #3d3d3d; border-top: 1px dotted #3d3d3d; } abbr, acronym { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; } #bottomnav { width: 950px; height: 46px; top: 0px; padding-top: 5px; margin-right: auto; margin-left: auto; background-color: #fff; text-align: center; } #bottomtxt { width: 950px; height: 60px; top: 0px; bottom: 0px; padding-top: 5px; padding-bottom: 5px; margin-right: auto; margin-left: auto; background-color: #00bfff; text-align: center; } .nosee { display:none; } .nav { margin-top:8px; } .small { font-size: 0.75em; } Vielen Dank schon mal im voraus LG ZeroQL |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hover effekt auf ganze TD zelle | gandalf_hh | CSS | 27 | 13.07.2011 19:06 |
Div Float Clear usw... Ich dreh durch ;) | buggix | CSS | 14 | 11.02.2010 08:42 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 13:08 |
Footer will nicht nach untent | st4un3r | CSS | 2 | 08.04.2009 15:19 |
layout ohne tabellen | rw597678 | CSS | 3 | 23.04.2005 12:31 |