Vertikale Scrollbar wird abgeschnitten
0 
Patrick Andrieu
Vertikale Scrollbar wird abgeschnitten
Hallo,
ich versuche mich gerade an einem neuen Design für meine Website. Im Firefox und im IE 7 ist auch alles so wie ich es will. Nach nun 2 Tagen optimieren für den ..... IE 6 weiss ich nun nicht mehr weiter :(
Habe 5 DIV untereinander wovon 2 oben fix und 2 unten fix stehen sollen (klappt im IE 6, IE 7 und FF) die mittlere soll dynamisch je nach Fenstergrösse angezeigt werden (klappt im IE 7 und FF, im IE 6 nicht so wie ich es will)
Das Problem:
Der IE 6 schneidet die vertikale Scrollbar einfach ab. Man kann zwar mit der Maus ganz nach unten ziehen aber die Seite ist auf max 100% festgelegt.
hier mal ein paar Links
http://www.pele-dj.de/neu/index.php?cat=guestbook
Auf der Seite wird gar keine Scrollbar angezeigt obwohl der Content länger ist als das Fenster gross.
http://www.pele-dj.de/neu/index.php?cat=info
Wer kann mir helfen?
LG
Peter
-
Hallo p3l3!
Validiere erstmal Deine Seiten. Die erste bringt ganze 104 Fehler auf die Waage, die zweite sieben.
Eine ordentliche Fehlersuche ist unter diesen Umständen kaum möglich. Du solltest Dich zuerst fragen, ob Du XHTML 1.0 strict in dem Fall wirklich brauchst. Wenn Du beispielsweise auf target="_blank" nicht verzichten willst, dann ist HTML 4.01 transitional eher geeignet.
Doch auch ich hatte das Problem "geklauter" Scrollbars oder Scrollbar-Enden auch ein Mal bei der Seite, die ich hier zur Diskussion stellte (ging u.U. um position-fixed-Simulation für IE). Es lag an einem padding-bottom für den content-div. Daher überprüfe alle Formatierungen, die Du für den IE vorgenommen hast, vor allem ob bei:
* html .content{
height:100%;
width:770px;
}die 100% Höhe hier notwendig ist. Die width-Angabe kannst Du weglassen, da Du sie schon in #content hast.
Viele Grüße aus Frankfurt/Main,
Patrick--
_ - jenseits vom delirium - _
<hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
Nichts ist unmöglich? Doch!-
Hallo p3l3!
Validiere erstmal Deine Seiten. Die erste bringt ganze 104 Fehler auf die Waage,
mehr geht nicht da diese "Fehler" für die PHP-Scripte wichtig sind
die zweite sieben.
Die ist nun clean ;)
Du solltest Dich zuerst fragen, ob Du XHTML 1.0 strict in dem Fall wirklich brauchst. Wenn Du beispielsweise auf target="_blank" nicht verzichten willst, dann ist HTML 4.01 transitional eher geeignet.
korrigiert auf XHTML 1.0 Transitional
Doch auch ich hatte das Problem "geklauter" Scrollbars oder Scrollbar-Enden auch ein Mal bei der Seite, die ich hier zur Diskussion stellte (ging u.U. um position-fixed-Simulation für IE). Es lag an einem padding-bottom für den content-div.
die paddings verändern da ned viel ausser das die div schmäler wird. Mehr nicht
Daher überprüfe alle Formatierungen, die Du für den IE vorgenommen hast, vor allem ob bei:
* html .content{
height:100%;
width:770px;
}die 100% Höhe hier notwendig ist.
ja sonst ist gar keine Scrollbar mehr da.
Die width-Angabe kannst Du weglassen, da Du sie schon in #content hast.
done ;)
-
Hallo p3l3!
mehr geht nicht da diese "Fehler" für die PHP-Scripte wichtig sind
Natürlich geht mehr ;) Was meckert denn der Vali? Die 19 restlichen Fehler haben alle mit einer nicht erkannten Entität zu tun. Und &skip; gibt es in der Tat nicht. Aber wenn Du das &-Zeichen maskiert, vielleicht meckert dann der Vali nicht mehr ;)
a href="/neu/index.php?cat=guestbook&skip=10">
die zweite sieben.
Die ist nun clean ;)Perfekt!
korrigiert auf XHTML 1.0 Transitional
Das dürfte schon einige der Fehler "bereinigt" haben.
ja sonst ist gar keine Scrollbar mehr da.
Dennoch hat es damit zu tun. #content hat in Deiner Seite index.php?cat=info hat deswegen keine Scrollbar im IE, weil dessen Inhalt da - verglichen mit dem längeren Inhalt von #content in index.php?cat=guestbook - zu kurz ist und die 100% nicht füllt: schreib mal einige <p>text</p> hinter dem letzten </table> und schon ist die Scrollbar (allerdings auch geschnitten) wieder da. Erst wenn die Darstellung des Inhalts mehr als 100% Platz in der Vertikale benötigt, kommt im IE die Scrollbar.
Mehr Zeit, nach einer Lösung zu suchen habe ich heute aber nicht mehr... Viellicht erbarmt sich aber gleich ein anderer Kollege Deiner :)
Viele Grüße aus Frankfurt/Main,
Patrick--
_ - jenseits vom delirium - _
<hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
Nichts ist unmöglich? Doch!-
Natürlich geht mehr ;) Was meckert denn der Vali? Die 19 restlichen Fehler haben alle mit einer nicht erkannten Entität zu tun. Und &skip; gibt es in der Tat nicht. Aber wenn Du das &-Zeichen maskiert, vielleicht meckert dann der Vali nicht mehr ;)
a href="/neu/index.php?cat=guestbook&skip=10">
hey das funktioniert ja...
ich dachte er übergibt & an die adresszeile, und das funktioniert ja ned.
Trotzdem bleibt das Problem der abgeschnittenen Scrollbar im IE6
-
Hallo p3l3!
Trotzdem bleibt das Problem der abgeschnittenen Scrollbar im IE6
Engin hat in einem Beitrag einen Link zu verschiedenen Frames-Nachbau-Layouts mit CSS auf Dynamic Drive (http://www.dynamicdrive.com/style/layouts/category/C11/) gepostet.
Dabei könntest Du es so realisieren wie hier: http://www.dynamicdrive.com/style/layouts/item/css-left-top-bottom-and-right-frames-layout/, nur dass Du die Bereichen links und rechts einfach leer lässt. Nach einigen Anpassungen in den Höhen und Breiten der verschiedenen Bereichen, dürftest Du das Gleiche erreichen wie Deine jetzigen Seiten. Zu beachten ist der Kommentar vor der Doctype-Angabe, die den IE6 in den Quirksmode schickt.
Viele Grüße aus Frankfurt/Main,
Patrick--
_ - jenseits vom delirium - _
<hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
Nichts ist unmöglich? Doch!
-
-
-
-