Alle Browser ignorieren overflow:hiidden / overflow:auto

Beitrag von **Andreas I.** » 01.07.2009, 11:53

Hilfe, ich habe folgendes CSS:

html, body &#123;
background-color&#58; #333333;
margin&#58; 0;
padding&#58; 0;
height&#58; 100%;
&#125;

#wrapper &#123;
background-color&#58; #FFFFFF;
width&#58; 80%;
margin&#58; auto; 
height&#58;auto;
overflow&#58; hidden 
&#125;

Und dazu folgende html

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head><title>Blubber</title>
<link rel="stylesheet" type="text/css" href="bla.css" />
</head>
<body>
<div id="wrapper">
<p>Blubber Blubber .... &#91;RECHT OFT WIEDERHOLT&#93; </p>
</div>
</body>
</html>

Wenn der Blubber-Inhalt groß genug ist, gibt es einen Scrollbalken. overfllow:hidden wird total ignoriert! Wo ist da der Fehler?

von **Anzeige von ABAKUS** »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Beitrag von **xoni** » 01.07.2009, 12:22

Hallo Andreas,

das Problem dürfte daran liegen

Code: Alles auswählen

height&#58;auto;

gib dem div eine feste größe und es funktioniert.

siehe auch...

https://www.css4you.de/example/overflow.html

Beitrag von **Andreas I.** » 01.07.2009, 13:22

Ja, dann funktioniert overflow, aber das div hat dann nicht mehr automatisch die volle Bildschirmhöhe...