nicht angemeldet
Div overflow Problem mit Mozilla und Netscape
Hallo,
folgendes Problem. Ich habe in eine Website einen div overflow: auto. Dieser wird auch im ie korrekt dargestellt mit scrollbalken rechts. beim mozilla jedoch verschiebt er die ganze tabelle bzw. vergrößert diese soweit bis der inhalt hineinpasst jedoch ohne scrollbalken anzuzeigen. beim netscape 7.0 zeigt er überhaupt nix an. weder scrollbalken noch inhalt.
wer kann helfen?
link: www.wpo-praxis.de/beta/index.html
hier die css dazu:
body { background-color: white; margin: 0px; scrollbar-base-color: #305387; scrollbar-track-color:#305387; scrollbar-face-color:#ffffff }
td { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; font-weight : normal; font-style : normal }
h1 { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 15px; font-weight : normal; color : black }
td.nav_bg { background-image : url(../images/pic_top_aunten.jpg); background-repeat : no-repeat; background-position : right }
table.outline { border : 1px solid Black }
table.navigation { text-align : center; padding-left : 5px; padding-right : 5px; color : White; }
a:link { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #8D8F97; text-decoration: none }
a:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #8D8F79; text-decoration: none }
a:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #993300; text-decoration: none }
a:active { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #8D8F79; text-decoration: none }
a:link.navi { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color : white }
a:visited.navi { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color : white }
a:hover.navi { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight : normal; color : #aeacac }
a:active.navi { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color : white }
div.overflow { overflow : auto; position : relative; top : 0px; z-index : 1; visibility : visible; left : 0px; width: 600px }
div { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; font-weight : normal; font-style : normal }
div.title_text { font-family: Arial, Verdana; font-size: 14px; text-decoration: none; font-weight: normal; color: black; text-align: center; padding-bottom: 17px }
div.content { overflow : auto; position : relative; scrollbar-color:blue; top : 4px; z-index : 1; visibility : visible; left : 25px; height: 100%; width: 545px }
gruss und danke
holli
-
Hallo,
folgendes Problem. Ich habe in eine Website einen div overflow: auto.
Bei scrollbare div-container funktioniert in vielen Browsern das Mausrad nicht, was schnell sehr nervtötend sein kann, wenn man sich erst einmal an sein Mausrad gewöhnt hat. D.h. ich würde nicht sehr lange auf solchen Seiten verweilen wollen.
wer kann helfen?
zunächst einmal der Validator http://validator.w3.org:
This page is not Valid HTML 4.01 Transitional!
Line 20, column 73: there is no attribute "HEIGHT" (explain...).
...="0" cellspacing="0" cellpadding="0" height="100%">
siehe http://selfhtml.teamone.de/html/tabellen/gestaltung.htm#breiten_hoehen (blaue boxen)
Line 27, column 21: there is no attribute "HEIGHT" (explain...).
<tr height="90">
^
siehe http://selfhtml.teamone.de/html/referenz/attribute.htm#trlink: www.wpo-praxis.de/beta/index.html
http://forum.de.selfhtml.org/faq/#Q-19
hier die css dazu:
Der relevante Teil hätte gereicht, sprich die Schriftformatierungen sind eher unwichtiger Natur.
mfg NAG
--
signatur -
Hallo,
Hey holli!
...verschiebt er die ganze tabelle bzw. vergrößert diese soweit bis der inhalt hineinpasst jedoch ohne scrollbalken anzuzeigen. beim netscape 7.0 zeigt er überhaupt nix an. weder scrollbalken noch inhalt.
wer kann helfen?
Ich werd's mal versuchen...!
Wie nag schon geschrieben hat, hast du height-Attribute mit Elementen (<tr>) verwendet, die ein solches Attribut nicht besitzen.
In der Höhenangabe liegt aber auch genau das Problem. Du hast dem Div-Element eine Höhe von 100% zugewiesen - nur 100% von was? (afaik sieht der NS/Moz die umgebende Tabellenzelle nicht als Elternelement, und vererbt somit auch die Höhe nicht)
Die Angabe von height:100% hat nur dann eine "Wirkung" (bei dir jedoch nicht die gewünschte), wenn du dem html-, bzw. body-Element auch height:100% zuweist.
Nur zum testen: Weise dem Div-Element mal eine feste (nicht prozentuale) Höhe zu, dann sollte es funktionieren.
Ist schon ziemlich lange her, aber es müsste in 2003 mindestens einen Thread (u.a. mit meiner Beteiligung) geben, in dem dieses Problem ziemlich ausführlich abgehandelt wurde.
Ich hoffe, das hilft dir schon mal ein wenig weiter...!
Gruß aus Köln
Gunther-
Hey holli!
Hallo Gunther,
danke für deine Hilfe. Jetzt funktioniert es :)Danke vielmals
Gruss aus der Eifel
Holli
-