footer immer unterer Rand
1 1 
Dennis
footer immer unterer Rand
Hallo
Ich habe ein kleines Problem!
Ich bin grad am basteln einer site!
Wie kann ich mit css meinen roten footer so formatieren dass er an der Blauen Tabelle stoppt und sich nicht beim verkleinern des Browserfenster darüber schiebt?
Die blaue Tabelle ist von der Höhe variabel weil da später verschiedener content rein kommt!
Hier das Beispiel:
<html>
<head>
<title>test</title>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
color: #000000;
}
#content_main_container {
background-color:#0000FF;
width: 612px;
font-size: 12px;
color: #000000;
}
#content_margin_container {
background-color:#00FFFF;
width: 132px;
}
#footer {
width: 944px;
background-color: #FF0000;
vertical-align: bottom;
padding-bottom: 0px;
position: absolute;
bottom: 0 !important;
bottom: -1px;
height: 50px !important;
overflow: hidden;
}
-->
</style>
</head>
<body>
<table id="layout">
<tr>
<td height="400px" bordercolor="#333333" bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td id="content_main_container"> </td>
<td id="content_margin_container"> </td>
</tr>
</table>
<div id="footer">
</div>
</body>
</html>
Danke schon mal im voraus
Gruss basti
-
Hallo Bastian,
Wie kann ich mit css meinen roten footer so formatieren dass er an der Blauen Tabelle stoppt und sich nicht beim verkleinern des Browserfenster darüber schiebt?
Die blaue Tabelle ist von der Höhe variabel weil da später verschiedener content rein kommt!wirf doch mal einen Blick auf http://aktuell.de.selfhtml.org/tippstricks/css/footer/index.htm. Eventuell findest du dort Anregungen?!
Mit freundlichen Grüßen,
André-
Hi Zeromancer,
wirf doch mal einen Blick auf http://aktuell.de.selfhtml.org/tippstricks/css/footer/index.htm. Eventuell findest du dort Anregungen?!
Zufälligerweise weiß ich, dass dieser Artikel mehr auf fest positionierte Elemente ausgerichtet ist ;-) Auch wenn es Meier vielleicht helfen kann, so habe ich ihn doch so verstanden, dass er einen Footer will, der immer am Seiteende steht - egal wie viel Inhalt auf der Seite ist. Dafür ist dieser Artikel http://www.alistapart.com/articles/footers/ bei A List Apart hilfreich.
Vielleicht baue ich so eine Art von Footern auch mal noch in den Artikel ein, da ich selbigen eh noch mal überarbeiten muss - allerdings frühestens nächstes Jahr ;-)
MfG, Dennis.
--
Mein SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:# ss:) de:] js:| ch:{ sh:| mo:} zu:|
Die FlatBox 0.3 mit Dokumentation ist da!
Der beste Datenschutz ist das nicht-speichern von Daten. (Christian Kruse)-
Danke der Link hat mir echt geholfen!!
Habe es jetzt mit javascript realisiert, falls jemandem doch noch einfällt wie es mit css realisiert werden kann das im ie und im fireworks läuft das wär superDanke gruss Basti
-
-