zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden bei fixen footer, text wird im Safari, Opera & Chrome nicht komplett angezeigt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.03.2013, 23:45
No Risk no Fun
neuer user
Thread-Ersteller
 
Registriert seit: 18.01.2009
Ort: Wien
Beiträge: 10
ZeroQL befindet sich auf einem aufstrebenden Ast
Standard 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;
}
Bin für jede Idee dankbar!
Vielen Dank schon mal im voraus
LG ZeroQL
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.03.2013, 23:56
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Das liegt am padding-top: 220px; für die Content-Box. Verwende margin-top stattdessen, so wie du es für den Platz des Footers auch gemacht hast.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:20 Uhr.