Gegen Bilderklau - Das Original | Druckvorschau: Footer bei Div-Design

Geschrieben von callous. am 28.03.2010 um 13:10:

Footer bei Div-Design

Wie definiert man den Footer richtig bei einem Div-Design?
Ich bekomme es einfach nicht richtig hin, da der Text ja immer unterschiedlich lang ist...

Geschrieben von callous. am 28.03.2010 um 17:25:

Das funktioniert auch nicht unglücklich

Einen feststehen Footer bekomme ich ja hin, aber ich will einen einfachen.

Geschrieben von callous. am 29.03.2010 um 10:34:

Ich habe tausend verschiedene Codes... Wäre zu viel, um alles hier aufzulisten Augenzwinkern

Momentan siehts so aus:

code:
1: 2: 3:	<div style="left:0px; height:auto;"> <img src="footer.png"> </div>

Der Footer erscheint nicht.
Beim IE schaut oben ein kleines Stückchen raus, beim FF gar nichts.

Geschrieben von Lauri am 29.03.2010 um 10:38:

Hallo,

wie wärs, wenn du einfach einen deiner Codes für das Layoutgerüst hier reinstellst (oder alternativ die Seite), damit man sich ein richtiges Bild von deinem Design machen kann.
Nur dann kann man dir wirklich helfen.
Mit dem Codeschnipsel kann ich jedenfalls nicht viel anfangen, da muss ich schon die komplette Struktur des Layouts kennen.

LG; Lauri

Geschrieben von callous. am 29.03.2010 um 13:18:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

<html>
<head>
<title>Das Design</title>
</head>

<body bgcolor="#443842" style="background-image:url(bg.png); background-repeat:repeat-y">

<div style="position: absolute; left: 0px; top: 0px;">
<img src="header.png">
</div>

<div style="position: absolute; height:auto; width:525px; left:125px; top:425px; padding-bottom:2em;">TEXT</font> 
</div>

<div style="position:absolute; height:auto; width:255px; left:675px; top:125px;">
MENÜ 
</div>

<div style="left:0px; height:auto;">
<img src="footer.png">
</div>

</body>
</html>

Geschrieben von Lauri am 29.03.2010 um 13:49:

So könnte es klappen.
Hab den DIV-Container des Footers einfach in den des Textes eingefügt und so ist der jetzt immer direkt darunter. Dann einfach den Abstand, den der Text-Container nach unten hatte dort eingefügt und nach oben hin gemacht und ja. Da ich die Grafiken nicht kenne, kann ich jetzt nicht sagen ob es gut/richtig aussieht, aber probiers einfach mal.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

<html>
<head>
<title>Das Design</title>
</head>

<body bgcolor="#443842" style="background-image:url(bg.png); background-repeat:repeat-y">

<div style="position: absolute; left: 0px; top: 0px;">
<img src="header.png">
</div>

<div style="position: absolute; height:auto; width:525px; left:125px; top:425px;">TEXT
<div style="left:0px; padding-top: 2em;">
<img src="footer.png">
</div>
</div>

<div style="position:absolute; height:auto; width:255px; left:675px; top:125px;">
MENÜ 
</div>


</body>
</html>

LG; Lauri

Geschrieben von callous. am 29.03.2010 um 14:01:

Ich habe im Anhang mal Screens, darunter auch ein Screen, wie es aussehen sollte.

Bei dem, was ich vorher hatte, war das Design ganz normal. Nur eben ohne Footer.