Autor |
Nachricht |
liv
Threadersteller
Dabei seit: 01.06.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 26.02.2010 13:23
Titel Footer am unteren Bildrand positionieren. Wo ist der Fehler? |
|
|
Ich möchte auf einer Website den Footer so positionieren, dass er sich, je nachdem wie lang der Content ist, immer am Seitenende befindet. Zur Zeit liegt er allerdings, wenn der Content länger ist, in der Mitte der Seite über dem Content, der darunter weitergeht. Untenstehend mein Code. Ich hoffe ihr könnt mir sagen, wo der Fehler liegt.
Ich weiß, dass es das Thema schon mehrfach gab. Allerdings gelingt es mir seit Stunden nicht, den Fehler bei mir zu finden!
Danke schonmal!
<div style="width:965px; position:absolute; margin-left:-482px; left:50%;">Content</div>
<div style="bottom: 0; width:963px; position:absolute; margin-left:-482px; left:50%; text-align:right;">Footer</div>
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Fr 26.02.2010 14:24
Titel
|
|
|
es macht mehr sinn, das konstrukt im ganzen zu sehen. gib mal ein link zu deiner seite.
ansonsten: http://www.cssstickyfooter.com/
Zuletzt bearbeitet von pixelpapst303 am Fr 26.02.2010 14:25, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
liv
Threadersteller
Dabei seit: 01.06.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 26.02.2010 15:59
Titel
|
|
|
Die Seite ist noch nicht online. Hier der gesamte Seitenquelltext:
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Titel</title>
<link rel="shortcut icon" href="favicon.ico">
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">
<link rel="stylesheet" href="styles/style.css" type="text/css" media="screen">
</head>
<body topmargin="0px" bottommargin="0px" bgcolor="#ffffff" style="background-image:url(images/hintergrund.jpg); background-repeat:no-repeat; background-position:top center">
<div style="width:965px; position:absolute; margin-left:-482px; left:50%;">
<div align="left" style="margin-top:5px; margin-left:56px; float:left"><a class="grau" href="start.htm">Startseite</a></div>
<div align="right" style="margin-right:120px; clear:both"><a href="start.htm"><img src="images/leer.gif" alt="" border="0" width="210" height="60"></a></div>
<div style="margin-top:220px; margin-left:16px; background-image:url(images/navibg.jpg); background-repeat:no-repeat; height:400px; width:238px">
<table cellpadding="0" cellspacing="0" height="168px" width="190px" border="0" style="margin-left:40px; margin-top:15px; margin-right:30px" align="left">
<tr>
<td><a class="navi" href="produkte.htm">Link 1</a></td>
</tr>
<tr>
<td><a class="navi" href="showroom.htm">Link 2</a></td>
</tr>
<tr>
<td><a class="navi" href="kontakt.htm">Link 3</a></td>
</tr>
<tr>
<td><a class="navi" href="shop.htm">Link 4</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="650px" border="0">
<tr>
<td>
<p class="rot">Überschrift</p>
<p class="normal">Text</p></td>
</tr>
</table>
</div>
</div>
<div style="bottom: 0; width:963px; position:absolute; margin-left:-482px; left:50%; text-align:right;">
<p class="fuss">
<a class="fuss" href="datenschutz.htm">Datenschutz</a>
<a class="fuss" href="agb.htm">AGB</a>
<a class="fuss" href="impressum.htm">Impressum</a>
</p>
</div>
</body>
</html> |
Zuletzt bearbeitet von liv am Fr 26.02.2010 16:00, insgesamt 1-mal bearbeitet
|
|
|
|
|
owntheworld
Dabei seit: 26.12.2009
Ort: Augsburg
Alter: 37
Geschlecht:
|
Verfasst Fr 26.02.2010 17:31
Titel
|
|
|
wenn ich das sehe
Code: | |
würde ich sagen, solltest du dich erstmal mit den CSS-Grundlagen beschäftigen.
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Fr 26.02.2010 19:26
Titel
|
|
|
und dir auch einfach mal den link ansehen. ich denke, da ist die lösung schon versteckt... öh, neh. versteckt isse ja nicht mal
|
|
|
|
|
|
|
|
Ähnliche Themen |
Footer am unteren Ende der Site
[css]problem beim positionieren vom footer!
as-fehler / movie-clip positionieren
Steuerbarer Bildlauf (geht über Bildrand)
PS CS4: Bildrand unter oberer Werkzeugleiste - wie anfassen?
Div am unteren Rand
|
|