---
title: "relative Höhe und Overflow"
url: "https://www.typo3.net/d/24173-relative-hoehe-und-overflow"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2005-04-27"
last_reply: "2005-04-27"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# relative Höhe und Overflow

Frontend › Styling · 2 Antworten · gestartet 2005-04-27

## Eröffnungsbeitrag

**n-joy** · 2005-04-27 · [Beitrag #1](https://www.typo3.net/d/24173-relative-hoehe-und-overflow/1)

Hiho...

Irgendwie stoße ich recht häufig an die Grenzen(falls man das so nennen kann) von CSS ... #paralyzed#

Zum einen gibt es da das problematische/unmögliche horizontale und vertikale zentrieren einer "relativ hohen" div-box und zum anderen gibt es weitere "kleine Probleme" wie den overflow bei relativ hohen elementen

Achja, um etwas besser verstehen zu können hier mein Layout: <http://monolith-server.de/_tmp/template.htm>

- mit dem Internet Explorer 6.0.9x wird's richtig angezeigt

- mit dem Firefox wird die relative höhenangabe des "eltern-TAG's" ignoriert wodurch das DIV das overflow scheinbar ignoriert und genauso hoch wie der inhalt wird

- mit Opera bleibt der DIV-container "richtig" aber der inhalt wird nicht angezeigt ?!  🙄

...hier noch der entscheidende code:

```plaintext
ZEILE 78

<td align="left" class="scroll" style="vertical-align:top;">
<div style="width: 100%; max-height:100%; height: 100%; 
overflow:auto; overflow-x:hiddden; overflow-y:scroll;">

ZEILE 123

<td align="left" class="scroll" style="vertical-align:top;">
<div style="width: 100%; max-height:100%; height: 100%; 
overflow:auto; overflow-x:hiddden; overflow-y:scroll;">
```

falls jetzt welche mit vorschlägen kommen wie "mach das overflow-x und *-y weg" ...denen kann ich nur raten das selbst mal zu testen :p ...ich habe schon sehr viele varianten durch und bisher funktionierte keine einzige

Und ja, ich habe als erstes versucht das ganze layout nur mit DIV-boxen zu realisieren... bin aber kläglich gescheitert, da CSS in meinen augen noch nicht wirktlich ausgereift ist wenn es um etwas komplexere layouts geht  #paralyzed#  ...es liegt aber auch sicher irgendwo an mir, dass ich das nicht gebacken bekomm  :o

...also, plz help  :'(

Ein danke schonmal an alle die Antworten und evtl. auch weiterhelfen [Bild: resistance-movement.com/…/anbet2.gif](http://www.resistance-movement.com/sf/8472/forum/images/smiles/anbet2.gif)

MfG

## Antworten

### [#2](https://www.typo3.net/d/24173-relative-hoehe-und-overflow/2) · theo · 2005-04-27

Du hast vollkommen richtig erkannt, daß das mit Typo3 rein gar nichts zu tun  hat, sondern es ein 100%iges CSS-Problem ist.
Deswegen hier ein Link zur besten CSS-Mailingliste weit und breit:
<http://www.webwriting-magazin.de/css-design/index.php>

Da gibt es Fachfrauen und -männer, die sich da allerbestens auskennen.

### [#3](https://www.typo3.net/d/24173-relative-hoehe-und-overflow/3) · n-joy · 2005-04-27

danke erstmal für den Link, die mailinglist könnte weiterhelfen, wenn man sich nich ungeschickt anstellt  ;)

und jetzt noch eine kurze(oder doch nich ganz so kurze :p) anmerkung warum ich mein anliegen hier gepostet habe:
1. ich bin hier im Forum öfters unterwegs - da kam es mir halt "gelegen", ausserdem denke ich, dass es hier doch eher mehr als weniger fachwissende menschen gibt...
2. das Forum hier nennt sich: Barrierefreiheit (Fragen zu CSS, XHTML, Barrierefreiheit) ...aber vielleicht habe ich das ja falsch interpretiert  #paralyzed#
3. das Layout ist der erste schritt zu meinem nächsten Typo3-Projekt... also fühlte ich mich in diesem Board nicht sooo verkehrt  #paralyzed#

naja, wie dem auch sei... du hast mir ja weitergeholfen  8-)

---

Quelle: „relative Höhe und Overflow“, typo3.net, https://www.typo3.net/d/24173-relative-hoehe-und-overflow
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.