Sticky Footer Problem - Scrollbar

img · #1 (**permalink**) 05.03.2011, 17:10

Hallo zusammen,

ich habe den Sticky Footer auf diese Weise gemacht: How to Use the Sticky Footer HTML & CSS Code

Der Sticky Footer funktioniert, allerdings habe ich jetzt leider das Problem, dass ich eine Scrollbar erhalte.

Hier die URL: URL entfernt

Jemand eine Idee woran das liegen könnte? Wäre für ein paar Tips sehr dankbar.

Grüße und schönes WE,
img

Manfred62 · #2 (**permalink**) 05.03.2011, 17:26

Auf die schnelle --> .../cms/tl_files/stickyFooter/stickyFooter.css

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
					"http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
				<?xml version="1.0" encoding="utf-8"?>
				<html>
					<head>
						<title>Error!</title>
						<style type="text/css"><!--/*--><![CDATA[/*><!--*/
							body { font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 90%; text-align: center; background-color: #ffffff; }
							h1 { font-size: 1.2em; margin: 0 0 1em 0; }
							p { margin: 0; text-align: left; }
							img { border: 0; margin: 10px 0; }
							div.center div { margin: 0 auto; }
							.errorBox { width: 400px; padding: 0.5em; border: 1px solid black; background-color: #F4F0E8; }
						/*]]>*/--></style>
					</head>
					<body>
						<div class="center">
							<img src="typo3/gfx/typo3logo.gif" width="123" height="34" alt="" />
							<div class="errorBox">
								<h1>Error!</h1>
								<p>Reason: Segment &quot;cms&quot; was not a keyword for a postVarSet as expected!</p>
							</div>
						</div>
					</body>
				</html>

das ist keine css, sondern eine html?

Manfred

vast · #3 (**permalink**) 05.03.2011, 17:36

...tja, errorpage, dein CSS wird evtl nicht gefunden oder falsch eingebunden.
Typo3 kenn ich leider nicht gut, daher weiss ich nicht worauf zu achten ist.

img · #4 (**permalink**) 05.03.2011, 17:39

verdammt wo kommt denn das her, mist. Das war aus einem alten Template, ist jetzt raus, hatte jedoch nichts mit dem Problem zu utn. Danke trotzdem für den Hinweis

und danke fürs entfernen des Links.

Zitat:

Zitat von vast

...tja, errorpage, dein CSS wird evtl nicht gefunden oder falsch eingebunden.
Typo3 kenn ich leider nicht gut, daher weiss ich nicht worauf zu achten ist.

Errorpage? Was meinst Du genau? Die fehlerhaft eingebundene CSS? Die ist mittlerweile raus. Ist kein Typo3, aber ist hier auch nicht relevant

Danke trotzdem.

vast · #5 (**permalink**) 05.03.2011, 17:48

okay - wenn dein Problem die vertikale scrollbar ist, könntest du

HTML-Code:

html{
 height:100%;
}
body {
 height: 99.5%
}

machen.

Ich finde aber die scrollbar nicht schlimm, was sogar gut daran ist: wenn man auf eine Seite wechselt, die wirklich höher ist, also man eine scrollbar haben wird, dann "springt" der Inhalt immer nach links, weil die scrollbar die page wegdrückt.

Deshalb erzwinge ich oft auch einfach ne vertikale scrollbar.

img · #6 (**permalink**) 05.03.2011, 17:51

Zitat:

Zitat von vast

okay - wenn dein Problem die vertikale scrollbar ist, könntest du

HTML-Code:

html{
 height:100%;
}
body {
 height: 99.5%
}

machen.

Ich finde aber die scrollbar nicht schlimm, was sogar gut daran ist: wenn man auf eine Seite wechselt, die wirklich höher ist, also man eine scrollbar haben wird, dann "springt" der Inhalt immer nach links, weil die scrollbar die page wegdrückt.

Deshalb erzwinge ich oft auch einfach ne vertikale scrollbar.

Ja der Gedanke kam mir auch schonmal... der Inhalt steht noch nicht fest, vermutlich wird auf jeder Seite ohnehin "genug" Inhalt vorhanden sein.

Danke für deinen Tip

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit bild und footer!	Pumpkin	CSS	0	01.11.2008 22:21
Problem mit dynamischer Höhe + Footer	sunshadow	CSS	2	29.10.2008 09:41
Layout Problem, Footer positionieren	ruven	CSS	5	20.10.2008 22:37
css problem mit footer	satriani	CSS	34	18.12.2007 15:39
Flüssiges Layout MIT Sticky Footer	BabbleBoy	CSS	12	11.02.2007 20:33