overflow: hidden; und DOCTYPE

von **BertaBiene** » 19.01.2011, 21:22

Hallo Leute,

ich sitze gerade ein meiner kleinen Portfolioseite.
Die Website soll den ganzen Viewport abdecken und nicht nach oben oder unten Scrollbar sein, sondern nur nach links oder rechts.

Deswegen habe ich die Bilder in 200px x 1100px angelegt und alles schön mit float:left geordnet.
Damit man aber nicht nach oben oder unten Scrollen kann, habe ich overflow: hidden; gesetzt es Funktioniert.
http://www.th-hiebert.com/neutest/
aber ohne DOCTYPE.

Setze ich jetzt den DOCTYPE, dann sieht es so aus:
http://www.th-hiebert.com/neutest/index_mit_D.html

man sieht nichts mehr, und das liegt an HEIGHT:100%; im WRAPPER

Code: Alles auswählen: #wrapper { width:1616px; height:100%;

Gebe ich dem WRAPPER jetzt aber eine feste höhe sehe ich alles, nur kann ich dann wieder nach oben und unten Scrollen (was ich aber nicht möchte), gebe ich dem BODY ein overflow: hidden; Funktioniert es bis auf SAFARI und OPERA.

Nun die Frage, kann mir jemand Helfen? Oder wäre es fatal auf DOCTYPE zuversichten?

Schönen Abend noch

von **djheke** » 19.01.2011, 21:41

Du solltest auf jeden Fall einen DOCTYPE verwenden, da ohne Angabe der IE nicht so richtig mitspielt.

Versuche mal folgendes:

Code: Alles auswählen: html , body { height:100% } #wrapper { height:100%; /* für IE < 7 */ min-height:100%; }

Aber mit DOCTYPE

von **djheke** » 19.01.2011, 21:44

Noch was vergessen, bei html und wrapper overflow:hidden nicht vergessen.

von **BertaBiene** » 19.01.2011, 22:12

Hi, Danke für die schnelle Antwort.

Ich habe es mal so gemacht, es ist jetzt auch schon fasst so wie ich es möchte, nur kann ich trotz overflow noch immer in OPERA mit dem mausrad scrollen (die scrollbalken sind aber nicht da) und genau das soll es nicht dürfen, dafür bräuchte ich noch ne lösung.

http://www.th-hiebert.com/neutest/index_mit_D.html

naja, besten dank schon mal für jede antwort.
es wird zeit, gute nacht leute.

von **BertaBiene** » 20.01.2011, 21:51

mein oben beschriebenes problem ist erledigt... nach etwas längerer suche via suchmaschine kam ich auf ein ähnliches problem mit folgender lösung:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">

overflow: hidden; und DOCTYPE

overflow: hidden; und DOCTYPE

Re: overflow: hidden; und DOCTYPE

Re: overflow: hidden; und DOCTYPE

Re: overflow: hidden; und DOCTYPE

Re: overflow: hidden; und DOCTYPE

Ähnliche Beiträge zu "overflow: hidden; und DOCTYPE"

Wer ist online?