Willkommen auf dem Portal für Mediengestalter

knuerpsel · Threadersteller

Hallo!
Ich mache grade ein Layout mit CSS.
Dafür habe ich links einen kleinen Div-Container angelegt, der das Impressum beinhalten soll.
Weil das recht lang aber uninteressant ist, soll es maximal soundso-hoch sein und dann für den Rest einen Scrollbalken haben.
Gemacht hab ich das mit folgendem Code:
<div style="background-color: #E0E0E0; width: 180px; max-height: 200px; display:block; overflow:auto;">[...]

Der Firefox und Safari zeigen es genau so an wie ichs haben will, der internetexplorer listet alles von vorne bis hinten auf, sogar über den footer und den wrapper hinaus.... * grmbl *

Was kann ich tun? * Keine Ahnung... *

Danke falls ihr mir helft Lächel

knuerpsel

boston · **Verfasst** Fr 15.06.2007 12:24 **Titel**

Hallo,
du musst zusätzlich noch "height:200px" angeben.

Dann versteht es auch der IE.

Viele Grüße
boston

Whisper · **Verfasst** Fr 15.06.2007 12:27 **Titel**

max-height wird nämlich erst ab IE7 interpretiert.
siehe auch selfhtml:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#max_height

Der Internet Explorer 6 interpretiert diese Angabe noch nicht. Safari interpretiert sie bei nach oben positionierten Elementen ab Version 2.0.2.

knuerpsel · Threadersteller

Ich teste das hier eigentlich mit Internet Explorer 7 ...

Aber es hat geklappt!

Super, DANKE!

ein glückliches knuerpsel

knuerpsel · Threadersteller

Ach und weiß zufällig noch jemand, warum der innerhalb dieses divs meine sytledefinitionen für <p> nicht annimmt?

sahnemuh · **Verfasst** Fr 15.06.2007 18:12 **Titel**

nö. sorry.. glaßkugel ist grad ausgefallen....

(poste mal sourcecode.. dann kann dir vielleicht auch jemand helfen).

knuerpsel · Threadersteller

<head><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"></head>
<body>
<h1>[...]<font color=#676767>[...]</font></h1>
<p>[.....]</p>

<br>
<h1>[...]<font color=#676767>[...]</font></h1>
<p>
<img src="pic/pdf.jpg"> <a href="pic/a.pdf">A</a><br>
<img src="pic/pdf.jpg"> <a href="pic/p.pdf">P</a>
</p>

<br>

<p>
<h1>[....]<font color=#676767>[....]</font></h1>
<div style="background-color: #E0E0E0; width: 180px; max-height: 200px; height: 200px; display:block; overflow:auto;">
<pf>
[...]
</pf>
</div>

</p>
</body>

Das ist der linke Div-Container und hier folgt der betreffende Teil der CSS-Datei an dem er sich eigentlich orientieren sollte:

pf {
color:#676767;
font-family: Verdana, sans serif;
font-size: 7pt;
}

sahnemuh · **Verfasst** Fr 15.06.2007 19:18 **Titel**

Willkommen auf dem Portal für Mediengestalter

Thema: CSS + Internetexplorer + overflow: auto + höhenangabe vom 15.06.2007

CSS + Internetexplorer + overflow: auto + höhenangabe