callous.
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...
callous.
Das funktioniert auch nicht
Einen feststehen Footer bekomme ich ja hin, aber ich will einen einfachen.
callous.
Ich habe tausend verschiedene Codes... Wäre zu viel, um alles hier aufzulisten
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.
Lauri
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
callous.
| 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> |
|
Lauri
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
callous.
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.