Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Januar

SELFHTML Forumsarchiv
Footer wird nicht nach unten geschoben

Informationsseite
  1. Seite (CSS) Footer wird nicht nach unten geschoben von Marco, 30. 01. 2007, 20:53
nach unten

Footer wird nicht nach unten geschoben

Die folgende Nachricht zum Thema stammt von: Marco, 30. 01. 2007, 20:53

Hallo zusammen

ich habe eine kleine Frage und zwar möchte ich, dass der footer
im schön unten am browser fenster ist so wie ich das auch geschafft habe.

mein problem ist jedoch jetzt, wenn ich mehr text dann verschwindet der einfach hinter dem footer. ich möchte jedoch, wenn ich mehr text habe, dass der footer natürlich nach unten geht.

leider finde ich den fehler im css nicht.

hier die seite:

http://www.mfgconsulting.ch/swisshockeycamp/index.php

hat jemand eine idee?
ich freue mich riesig auf eure antworten.

gruss marco

nach obennach unten

Footer wird nicht nach unten geschoben

Die folgende Nachricht zum Thema stammt von: Color, 30. 01. 2007, 21:09

Auf dem Editor sieht alles normal aus,du hast den text quasi ins hitergrund gezwungen versuch doch mal mit normalem Zeilen-umbruch.
<br>


DEIN QUELL TEXT:

<div id="foto_rahmen"><img src="images/gif/camp2007.gif" alt="Camp 2007 | Bäretswil ZH" width="195" height="385" border="0" usemap="#Map2" />
<map name="Map2" id="Map2"><area shape="rect" coords="48,254,155,324" href="http://www.swetechockey.se/" target="_blank" alt="Swetechockey" />
</map></div>
<div id="content">
  <p><img src="images/gif/ueber_willkommen.gif" alt="Herzlich willkommen" /><br />
    Liebe Besucherinnen und Besucher<br />
  <br />
    Wir freuen uns, Sie auf unserer Swiss pro Hockey Camp Seite begrüssen zu
    dürfen. Auf dieser Homepage erfahren Sie mehr über unser Camp.<br />
    <br />
  sdsdf</p>
  <p>sfd</p>
  <p>sfdsfd</p>
  <p>&nbsp;</p>
  <p>fdsfd</p>
  <p>asfd</p>
  <p>&nbsp;</p>
  <p>asfd</p>
  <p>sfda</p>
  <p>asfd</p>
  <p>sfd</p>
  <p>sfda</p>
  <p>sfda</p>
  <p>sfd</p>
  <p>asd</p>
  <p>sfd</p>
  <p>sd</p>
  <p><img src="images/gif/slogen_tobe.gif" width="418" height="51" /><br />
    </p>
  <p><br />
    <br />
  </p>
  </div>
</div>
<div id="footer"><img src="images/jpg/footer.jpg" alt="Footer" width="862" height="181" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="654,12,804,101" href="coaches.php" alt="Coaches" />
  <area shape="rect" coords="491,12,641,101" href="analyse.php" alt="Analyse" />
<area shape="rect" coords="10,4,207,61" href="http://www.mfgconsulting.ch" target="_blank" alt="mfgconsulting" />
<area shape="rect" coords="326,12,476,101" href="training.php" alt="Training" />
</map>
</div>
</body>

nach obennach unten

Footer wird nicht nach unten geschoben

Die folgende Nachricht zum Thema stammt von: Marco, 30. 01. 2007, 21:24

Hallo Color

Auch mit <br> verschwindet der Text hinter dem footer. Möchte gerne, dass der footer dann nach unten gedrückt wird.

z.b. auch unter camp.php siehst du genau, wie das feld
abgeschnitten wird.

hmm? wie schaffe ich das, dass es nach unten gedrückt wird also der
text nicht so im hintergrund.

danke für deine bemühungen.

marco

nach obennach unten

Footer wird nicht nach unten geschoben

Die folgende Nachricht zum Thema stammt von: Bobby, 31. 01. 2007, 09:31

Moin

1. Warum hast du den content auf position:absolute gedrück?

2. Der footer orientiert sich im IE<=6 (und nur da) am Body bzw am HTML und setzt sich bottom:0 relativ zur angezeigten Fensterhöhe.

Lösung wäre die .content-box relative und mit Padding-bottom in der Höhe wie der Footer und der Footer absolute in der Contentbox mit bottom:0 zu platzieren.

Dies sollte als Ansatz vielleicht erstmal reichen.

Gruß Bobby

--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-

ie:{ br:> fl:{ va:{ ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)

nach obennach unten

Footer wird nicht nach unten geschoben

Die folgende Nachricht zum Thema stammt von: Marco, 31. 01. 2007, 10:47

Hallo Bobby

Werde es mir am Abend gleich anschauen.
Hast Du evt. ICQ oder MSN wenn ich noch
eine kleine Frage habe..

Wäre perfekt...

Danke für Deine Hilfe.

Marco

nach obennach unten

Footer wird nicht nach unten geschoben

Die folgende Nachricht zum Thema stammt von: Marco, 31. 01. 2007, 11:23

Hallo Bobby

Hmm, habe versucht die css datei anzupassen. verstehe aber nicht genau wie du das meinst? kannst du mir evt. rasch zeigen wie du
das gemeint hast anhand meiner css datei?

marco

nach obennach unten

Footer wird nicht nach unten geschoben

Die folgende Nachricht zum Thema stammt von: Marco, 31. 01. 2007, 12:01

Hallo Bobby

cool, ich glaube habs doch noch geschafft dank deinen Tipps!
Kann Dir nur nochmals Danke sagen!

Perfekt!

Marco

nach obennach unten

Footer wird nicht nach unten geschoben

Die folgende Nachricht zum Thema stammt von: Bobby, 31. 01. 2007, 13:57

Moin
»» Hallo Bobby
»»
»» cool, ich glaube habs doch noch geschafft dank deinen Tipps!
»» Kann Dir nur nochmals Danke sagen!
»»
»» Perfekt!
»»
»» Marco

Vielleicht hast du es schon gemerkt. Aber es ist noch ein kleiner Fehler drin. Für IE <=6 muß eine Höhe für den Content-Div angegeben werden und eventuell (Kann ich im Moment nicht nachvollziehen) der Footer auf position:absolute. Das musst du aber testen.

Ansonsten siehts doch jetzt schmuck aus.

Gruß Bobby

--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-

ie:{ br:> fl:{ va:{ ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)

nach obennach unten

Footer wird nicht nach unten geschoben

Die folgende Nachricht zum Thema stammt von: wahsaga, 30. 01. 2007, 22:01

hi,

»» mein problem ist jedoch jetzt, wenn ich mehr text dann verschwindet der einfach hinter dem footer. ich möchte jedoch, wenn ich mehr text habe, dass der footer natürlich nach unten geht.

http://aktuell.de.selfhtml.org/artikel/css/footer/
http://www.alistapart.com/articles/footers/

gruß,
wahsaga


--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }

nach obennach unten

Footer wird nicht nach unten geschoben

Die folgende Nachricht zum Thema stammt von: Marco, 30. 01. 2007, 22:20

Hallo

Vielen Dank für die Seiten. Die habe ich mir schon angeschaut leider den fehler nicht gefunden in meinem css.

vielleicht hat jemand noch einen konrekte vorschlag anhand meines css.

danke!

Marco

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Januar

© 1998-2006 Seite Impressum, Software: Classic Forum