[HTML] Layer op mijn website scrollt niet met muiswieltje - Softwareontwikkeling

woensdag 28 januari 2004 12:16

Acties:

Verwijderd

Topicstarter

Dit zal wel weer een gruwelijke UTFS-vraag zijn, maar ik vind het antwoord niet.

Op mijn site (http://www.icecoldcomputing.com) gebruik ik layers om een paar effecten voor elkaar te krijgen, zoals een ;'watermerk' in het midden van de pagina en de text erboven.

Dit heb ik gedaan door voor de body aan te geven dat er geen scrollbars mogen verschijnen. In de body zitten een paar layers met de informatie. De 'text' layer heeft wel overflow op auto staan.

dit dus:

Body:

code:

BODY.view          { color: #FFD19E;
                     background: url(../images/bgimage.gif) #2F3856 repeat-y fixed;
                     font-size: 15px;
                     font-family: Arial, Helvetica;
                     font-style: normal;
                     text-align: justify;
                     overflow: hidden;
                     margin: 0;
                     padding: 0;
                     scrollbar-3dlight-color:#475682; 
                     scrollbar-arrow-color:#FFD19E;
                     scrollbar-base-color:#3a466b;
                     scrollbar-darkshadow-color:#1a1f30;
                     scrollbar-face-color:#3a466b;
                     scrollbar-highlight-color:#475682;
                     scrollbar-shadow-color:#1a1f30;
                     scrollbar-track-color: #333d5e;
                    }

Layer-code:

code:

<body class="view" topmargin="3" onLoad="javascript:LoadFullsizeImgs();">
<div style="position:absolute; left:50%; top:50%;visibility: visible; z-index:1">
  <div style="position:relative; left: -193px; top: -234px;">
    <img src="../images/watermark.gif"></img>
  </div>
</div>
<div style="position:absolute; background-color:transparent; height:100%; width:100%; overflow:auto; z-index:2">
..
<!-- pagina content hier -->
..
</div>

Nu, dit werkt allemaal best aardig, alleen vertikt de laatste layer het om te werken met het muiswieltje bij verschillende versies van IE en Mozilla. Maar niet bij alle.

Weet iemand waarom, en wat ik eraan kan doen?

woensdag 28 januari 2004 12:21

Acties:

Verwijderd

Lichtelijk offtopic, maar heb je het eigenlijk ook in een browser als Mozilla Firebird uitgeprobeerd? Daar doet je website helamaal niets namelijk, zelfs de tekst van de beginpagina is niet zichtbaar. Het lijkt me sowieso slim om daar iets aan te doen, aangezien er hier nogal wat mensen met Firebird rondlopen.

woensdag 28 januari 2004 13:03

Acties:

Verwijderd

offtopic:
Firebird doet het hier prima. => v0.7

woensdag 28 januari 2004 13:39

Acties:

Verwijderd

Ik gok dat je site berust op twee Mozilla bugs:

code:

1	body{ overflow: hidden; }

Deze is onlangs gefixed, maar zoiets moet je natuurlijk nooit gebruiken. Dan blijkt al dat er iets in je code niet deugd. En: bug 97283, een van de meest irritante die er is

woensdag 28 januari 2004 14:51

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op 28 januari 2004 @ 12:21:
Lichtelijk offtopic, maar heb je het eigenlijk ook in een browser als Mozilla Firebird uitgeprobeerd? Daar doet je website helamaal niets namelijk, zelfs de tekst van de beginpagina is niet zichtbaar.

Niet in Firebird, wel in Mozilla 1.4b. Er daar werkt-ie prima bij mij...

Verwijderd schreef op 28 januari 2004 @ 13:39:
Ik gok dat je site berust op twee Mozilla bugs

Och, als het scrollwieltje het niet zou doen in alleen mozilla, dan zou ik het niet erg vinden. Nog geen 5% van de bezoekers gebruikt iets anders dan IE.

't vreemde is dus dat het in veel IE varianten ook niet werkt, en in andere wel.

Ik ben geen superervaren webdesigner. Aan de code plus de site kunnen jullie zien wat ik wil. Wat is een betere manier om het op te lossen?

woensdag 28 januari 2004 15:31

Acties:

Verwijderd

Zonder frames, tabellen etc. is altijd beter. Krijg je tenminste ook een beetje structuur in je document...

edit:
Als je het ene verwijdert, komt het andere uiteraard niet vanzelf, maar ligt wel dichter in de buurt

[ Voor 36% gewijzigd door Verwijderd op 28-01-2004 15:32 ]

woensdag 28 januari 2004 15:37

Acties:

sjaakaq

It might get loud

bij mij werkt ie (opear 7.23 en IE 6 SP1)

leoaq.fm // Jeune Loop

woensdag 28 januari 2004 15:41

Acties:

py.mosjuh

fikkert.net

met muiswiel scrollen wil niet altijd als je het frame waarin je wil scrollen niet in de focus hebt staan. sommige IE versies auto-focussen het frame waar je op dat moment met je pointer boven hangt d8 ik dus dat _zou_ het kunnen zijn. probeer anders eens in een versie waar dat scrollen niet in werkt om eerst met de muis in het betreffende frame te klikken. daarna wel muisscrolling? dan ligt het aan de focus, zo niet, tsja.. good luck

Kites rise highest against the wind - not with it (Winston Churcill)

woensdag 28 januari 2004 16:04

Acties:

Verwijderd

zo niet: onmouseover = this.focus();

woensdag 28 januari 2004 17:18

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op 28 januari 2004 @ 15:31:
Zonder frames, tabellen etc. is altijd beter. Krijg je tenminste ook een beetje structuur in je document...

Vast wel. Maar frames zijn verrekte handig, en dan hoeft ook niet elke keer die menu-javascript code geladen en geexecuteerd te worden.

Tabellen: mjah. Ik gebruik ze nog regelmatig voor de layout. Vaste gewoonte; ik zou eigenlijk meer layers moeten gebruiken.

Wat zou jouw manier zijn om mijn layout op te bouwen?

py.mosjuh schreef op 28 januari 2004 @ 15:41:
probeer anders eens in een versie waar dat scrollen niet in werkt om eerst met de muis in het betreffende frame te klikken. daarna wel muisscrolling? dan ligt het aan de focus, zo niet, tsja.. good luck

Helaas, dat is het probleem niet. Anders was het met een stukje JS zo opgelost.

woensdag 28 januari 2004 17:21

Acties:

py.mosjuh

fikkert.net

Verwijderd schreef op 28 januari 2004 @ 17:18:
[...]

Helaas, dat is het probleem niet. Anders was het met een stukje JS zo opgelost.

idd; ik was het wel eens tegen gekomen dus vandaar.. jammer dus..

Kites rise highest against the wind - not with it (Winston Churcill)

vrijdag 30 januari 2004 12:06

Acties:

Beekforel

Is eigenlijk geen vis

Ik heb hier hetzelfde probleem, maar dan alleen in Mozilla (FireBird). Ik heb de volgende code om mijn div te "maken":

code:

div#inhoud {
    position: absolute;
    width: 624px;
    height: 388px;
    left: 150px;
    top: 0px;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    font-family: Verdana, Tahoma;
    font-size: 11px;
    overflow: auto;
}

HTML:

1
2
3

<div id="inhoud">
  <!-- content -->
</div>

Volgens mij zit er in principe geen verschil tussen DaBit's code en die van mij...
Iemand nog een idee?

[ Voor 13% gewijzigd door Beekforel op 30-01-2004 12:07 ]

vrijdag 30 januari 2004 13:23

Acties:

Verwijderd

enige manieer hoe ik het aan de praat heb kunnen krijgen is door de volgende XPi the installeren:

http://smoothwheel.mozdev.org/installation.html

maar goed dit is dus gewoon een workaround.

vrijdag 30 januari 2004 14:54

Acties:

Verwijderd

Topicstarter

Mjah, da's voor mozilla. En nu IE5.....

dinsdag 3 februari 2004 11:35

Acties:

Verwijderd

andere moz oplossing:
zet er een lege a in (met id) en geef die focus onload en onclick, sla ervoor even de scrollTop op en zet die erna weer goed, onmouseover die functie aanroepen kan eventueel ook