4
Div und CSS Probleme mit der Website
Hallo liebe Community,
und zwar habe ich folgendes Problem, hier der Links zum test:
http://raving.at/template/
Und zwar möchte ich folgendes erreichen:
Das der Footer immer unten bleibt (auch wenn man scrollt), ohne das aber die Scrollbar hinter dem Footer ist.
Wenn ich bei meinem Template scrolle, dann bleibt der footer zwar unten, aber sobald ich scrolle, bleibt er mitten auf dem Content stehen.
Wenn ich auf F11 drücke (Vollbildmodus) dann ist er trotzdem auch ganz unten, und wenn ich scroller, bleibt er auch wieder mitten im Content stehen.
Was mache ich falsch? Wichtig ist mir das es W3 und XHTML 1.0 kompatibel ist.
Gibts diese Möglichkeit überhaupt?
Was mach ich falsch?
Vielen Dank für eure Hilfe schon im voraus!
glg mAx
und zwar habe ich folgendes Problem, hier der Links zum test:
http://raving.at/template/
Und zwar möchte ich folgendes erreichen:
Das der Footer immer unten bleibt (auch wenn man scrollt), ohne das aber die Scrollbar hinter dem Footer ist.
Wenn ich bei meinem Template scrolle, dann bleibt der footer zwar unten, aber sobald ich scrolle, bleibt er mitten auf dem Content stehen.
Wenn ich auf F11 drücke (Vollbildmodus) dann ist er trotzdem auch ganz unten, und wenn ich scroller, bleibt er auch wieder mitten im Content stehen.
Was mache ich falsch? Wichtig ist mir das es W3 und XHTML 1.0 kompatibel ist.
Gibts diese Möglichkeit überhaupt?
Was mach ich falsch?
Vielen Dank für eure Hilfe schon im voraus!
glg mAx
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 110780
Url: https://administrator.de/contentid/110780
Printed on: April 19, 2024 at 11:04 o'clock
4 Comments
Latest comment
Hallo mAx,
ich bin zwar auch erst CSS-Anfänger (befasse mich seit 2 Tagen mit CSS und seit 5 Tagen mit HTML), aber
so könnte/sollte die Lösung aussehen:
Beste Grüße,
bassi79
ich bin zwar auch erst CSS-Anfänger (befasse mich seit 2 Tagen mit CSS und seit 5 Tagen mit HTML), aber
so könnte/sollte die Lösung aussehen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0026)http://raving.at/template/ -->
<HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Unbenanntes Dokument</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<STYLE>BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100%
}
HTML {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100%
}
#main {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100%
}
#header {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px
}
#content {
WIDTH: 100%
}
#footer {
position: absolute;
bottom: 0pt; left: 0pt;
width: 18em;
background-color: white;
border: 1px solid silver;}
html>body #footer { position: fixed;
</STYLE>
<META content="MSHTML 6.00.6000.16809" name=GENERATOR></HEAD>
<BODY>
<DIV id=main>
<DIV id=header><IMG height=114 alt=""
src="Unbenanntes%20Dokument-Dateien/header.gif" width=851></DIV>
<DIV id=content style="BACKGROUND: url(content.gif) repeat-y">
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P>
<P>content</P></DIV>
<DIV id=footer><IMG height=30 alt=""
src="Unbenanntes%20Dokument-Dateien/footer.gif"
width=851></DIV></DIV></BODY></HTML>Beste Grüße,
bassi79
Hallo zusammen.
Sorry aber damit klappt es vielleicht im IE.
Bei anderen Browsernn fällst du damit ganz schnell auf die Nase.
Schau mal hier.
http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel4.htm
Viele Grüße Fritzchen
Sorry aber damit klappt es vielleicht im IE.
Bei anderen Browsernn fällst du damit ganz schnell auf die Nase.
Schau mal hier.
http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel4.htm
Viele Grüße Fritzchen
Vielen Dank!
Das wars, jedoch ist mir auch bei dieser Seite was aufgefallen unter Kombination: Ein Footer für alle.
Wenn du das Fenster per Hand kleiner machst, zieht sich der Footer trotzdem zusammen... also wird kleiner,
aber besser als nichts
Vielen recht herzlichen Dank!
glg mAx
Das wars, jedoch ist mir auch bei dieser Seite was aufgefallen unter Kombination: Ein Footer für alle.
Wenn du das Fenster per Hand kleiner machst, zieht sich der Footer trotzdem zusammen... also wird kleiner,
aber besser als nichts
Vielen recht herzlichen Dank!
glg mAx
Hallo.
Wenn du das Fenster per Hand kleiner machst, zieht sich der Footer trotzdem zusammen... also wird kleiner,
aber besser als nichts.
Ja sicher, wenn du den Code so übernimmst ist das so.
Im CSS für den Footer steht doch width:100%;
Es sind also immer 100% Fensterbreite und nicht Bildschirmbreite.
Muß du dann halt für deine Bedürfnisse anpassen, falls du es anders brauchst.
Viele Grüße Fritzchen.
Wenn du das Fenster per Hand kleiner machst, zieht sich der Footer trotzdem zusammen... also wird kleiner,
aber besser als nichts.
Ja sicher, wenn du den Code so übernimmst ist das so.
Im CSS für den Footer steht doch width:100%;
Es sind also immer 100% Fensterbreite und nicht Bildschirmbreite.
Muß du dann halt für deine Bedürfnisse anpassen, falls du es anders brauchst.
Viele Grüße Fritzchen.
