---
title: "footer anpassen (unten fixieren)"
url: "https://www.typo3.net/d/107055-footer-anpassen-unten-fixieren"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2011-08-30"
last_reply: "2011-09-01"
replies: 1
solved: true
page: 1
pages: 1
lang: "de"
---

# footer anpassen (unten fixieren)

Allgemein · 1 Antwort · gelöst · gestartet 2011-08-30

## Frage

**Unbekannter Benutzer** · 2011-08-30 · [Beitrag #1](https://www.typo3.net/d/107055-footer-anpassen-unten-fixieren/1)

hallo zusammen
ich bin wie andere auch neu mit typo3!
ich arbeite an einem template das ich mit html und css realisiert habe. eigentlich funktioniert alles wie ich es will([hier](http://samodesign.1x.net/Interenvi/index.html)), jedoch nicht mit typo3([hier](http://interenvi.com/index.php?id=78)) #paralyzed#
der footer der eigentlich am unteren rand sein sollte, erscheint ca. 500px ober dem rand.mit dem IE muss ich noch einiges ändern, aber das schaffe ich dann schon! ^^

meine frage ist also folgende:
wie kann ich dieses Problem lösen?

**hier die relevanten script:**

```typoscript
# Template content object:

temp.mainTemplate = TEMPLATE

temp.mainTemplate {

  template = FILE

  template.file = fileadmin/template/stream.html

}

# Default PAGE object:

page = PAGE

page.typeNum = 0

page.10 < temp.mainTemplate

# Default CSS
page.includeCSS {
  file1 = fileadmin/template/styles/style.css
  file1.title = Standardansicht
  file1.media = screen
```

```html
<div id="bb-shadow">
</div>

<div id="bottom-banner">
  <p class="copyright" align="center">© 2011 <a href="#">Interenvi</a></p>
</div>
```

```css
#bb-shadow {
	position:relative;
	background-color:#3D83EB;
	width:100%;
	height:20px;
	/*margin-bottom:-8px;*/
	margin-left:-8px;
	padding-right:16px;
}

#bottom-banner {
	position:absolute;
	z-index: 1000;
	background-color:#4084F2;
	width:100%;
	height:40px;
	margin-bottom:-8px;
	margin-left:-8px;
}

.copyright { 
	margin-top:0px;
	color:F1F1F1;
	font-style:helvetica,arial; 
	text-align:center;
}
```

ich bin dankbar für jegliche hilfe! :)

## Beste Antwort

**Chrissli** · 2011-09-01 · [Beitrag #2](https://www.typo3.net/d/107055-footer-anpassen-unten-fixieren/2)

Hallo Interveni,

im Firefox (6.0) sieht bei mir alles OK aus,
lediglich der IE zickt, würde das aber mal auf's HTML/CSS schieben

Einige kleine Tipps für dich:

- Tags wie <link> oder <script> sollten im Idealfall in den <head>-Bereich

- Wenn du deinen Footer schon absolut positionierst, verwende doch für die Ausrichtung nach unten die CSS-Eigenschaft bottom: 0;

- Absolut positionierte Elemente sollten sich in einem als 'relative' positionierten Bereich befinden. Diesen solltest du explizit im CSS auszeichnen, da nicht alle Browser dies bei allen Elementen von Haus aus gleich machen

- Ist vermutlich nur Geschmackssache, aber ich würde negatives margin prinzipiell vermeiden, soweit möglich.

## Antworten

### [#2](https://www.typo3.net/d/107055-footer-anpassen-unten-fixieren/2) · Chrissli · 2011-09-01 · Beste Antwort

(Text siehe oben unter „Beste Antwort“.)

---

Quelle: „footer anpassen (unten fixieren)“, typo3.net, https://www.typo3.net/d/107055-footer-anpassen-unten-fixieren
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.