• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Scrollbar erscheint in firefox nicht aber in IE8

jaz4u

Neues Mitglied
hi leute!

ich hoffe ich bin hier im richtigen forum.
es geht um folgendes:

ich habe eine seite, die lightview (gesteuert per prototype+scriptaculous) und ein scrollfeld (CSS: overflow: auto; position: fixed; height: 430px; width: 350px; margin-top: 30px; margin-bottom: 30px; padding: 20px;)
mit einer tabelle, beinhaltet.
in der tabelle sind thumbnails die zu bildergalerien mit lightview effekt führen.

ich drehe mich nun seit 3 tagen im kreis und werde aus dem code nicht schlau.

setze ich den lightview effekt

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
<script type='text/javascript' src='js/lightview.js'></script>

vor den <head>, so wird mein scrollfeld korrekt angezeigt, ich verliere aber meinen lightview effekt wenn ich bildergalerien öffnen möchte.

setze ich den lightview befehl nach den <head>, so erscheint meine tabelle in voller länge und der scrollbalken wird nicht angezeigt.

dieses problem besteht nur im IE8. firefox zeigt die seite genau wie ich sie haben will mit scrollfeld und lightview.

MFG,
jaz
 
Zuletzt bearbeitet:
...dieses problem besteht nur im IE8. firefox zeigt die seite genau wie ich sie haben will mit scrollfeld und lightview.
Der IE8 rendert die Seite im Dokumentenmodus: IE7-Standarts.
Code:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Wende overflow: auto; nicht auf td an.

Du hast den Doctype zweimal angegeben:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
vielen dank für die antwort.
ich habe jetzt die 2 sachen geändert:
1.doc type einen rausgeworfen
2.die css um overflow gekürzt

das ergebnis bleibt allerdings dasselbe: im firefox tuts, im IE8 leider nicht!

zum dokumentenmodus:
diesen befehl muss ich reinnehmen, damit mein lightview im IE8 läuft, ansonsten öffnet sich immer nur ein neues browserfenster und der lightview effekt ist weg.
 
du hast allerdings recht:
wenn ich
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
rausnehme, erhalte ich meinen scrollbalken, aber wie gesagt: der lightview effekt ist weg.

was gibts denn jetzt für eine lösung?
ich kann auf mein lightview nicht verzichten weil meine ganzen anderen pages bereits dieses design haben...und ich stoße nur wegen dem scrollbalken auf das problem.
 
Hallo Jaz,

ich hatte (in ganz anderem Zusammenhang) auch schon das Problem, dass der IE 8 keinen Scrollbalken anzeigen wollte.

Probier mal:

Code:
overflow-y:scroll;
oder
Code:
overflow-y:auto;

da motzt allerdings dann der Validator, weil das eine CSS3-Eigenschaft ist...

Grüße
Bernhard
 
Das Element td ist nicht für overflow:auto; geeignet.
In den meißten Browsern funktioniert es weil du zusätzlich position:fixed angegeben hast.
Das Funktioniert im IE7 aber nicht.
IE6 kennt position: fixed; überhaupt nicht.

Du könntest ein div in die Zelle legen und diesem height und overflow geben.
 
Es KLAPPT!

vielen lieben dank!
es hat endlich geklappt...
ich habe wie beschrieben meine tabelle an gleicher stelle in ein div reingeschoben mit gleichem css und...
siehe da...
es ging in firefox und sogar im IE8!
 
Zurück
Oben