nicht angemeldet
Footer wird nicht nach unten geschoben
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
-
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> </p>
<p>fdsfd</p>
<p>asfd</p>
<p> </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>-
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
-
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:)-
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
-
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
-
Hallo Bobby
cool, ich glaube habs doch noch geschafft dank deinen Tipps!
Kann Dir nur nochmals Danke sagen!Perfekt!
Marco
-
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:)
-
-
-
-
-
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; }-
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
-