JavaScript bugje waar ik de enige mee lijk te zijn - Softwareontwikkeling

maandag 17 september 2007 19:37

Acties:

Verwijderd

Topicstarter

Ey,

Voor mijn eigen website heeft m'n programmeur een scriptje geschreven waarbij ik bij titels van televisieprogramma's wat extra informatie kan geven.

Hier is dat te bekijken:
http://www.vanavond.tv/

Voor de test enkel even bij NED1 (NOS Journaal), RTL5 (De gouden kooi) en NED3 (Koefnoen) een omschrijving geplakt. Bij NED1 en de andere vakken helemaal links werkt alles perfect. Bij de middelste kolom (dus in dit geval bij 'de gouden kooi') begint het probleem: hij beweegt wel verticaal maar niet horizontaal:
Afbeeldingslocatie: http://img515.imageshack.us/img515/7625/middelstekolomkp1.png

Afbeeldingslocatie: http://img515.imageshack.us/img515/7625/middelstekolomkp1.png

En bij de derde kolom gaat het helemaal fout, beweegt enkel verticaal en komt terecht in de middelste kolom:
Afbeeldingslocatie: http://img396.imageshack.us/img396/6388/derdekolomne3.png

Afbeeldingslocatie: http://img396.imageshack.us/img396/6388/derdekolomne3.png

Ik gebruik Mozilla Firefox, versie 2.0.0.6. Anderen hebben dit probleem niet en ik heb al gecontroleerd op updates.

Hier is de JavaScript te zien:
http://www.vanavond.tv/popup/overlib.js (gratis scriptje)

Ik heb werkelijk geen idee hoe dit kan komen, anderen met Firefox én Vista (net als ik) hebben dit probleem niet (bij meerdere mensen gecheckt).

Hopelijk ziet een van jullie iets of weet die een oplossing!

Alvast bedankt,

Michiel.

maandag 17 september 2007 19:43

Acties:

Verwijderd

Anderen kijken niet met verschillende schermgroottes. Zo kun je vrij eenvoudig zien dat bij een breed venster de kopjes niet op de juiste plaats komen. Het is een kwestie van het contentgedeelte relatief positioneren, zodat de linkerbovenhoek van dat contentgedeelte de oorsprong is voor de positiebepaling van de popups.

maandag 17 september 2007 19:43

Acties:

Japius

FF 2.0.0.6 op OS-X 10.4.10 geeft hetzelfde als je screenshot: de mouseover in de rechterkolom verschijnt boven de middelste kolom.

Edit: Indien het scherm exact breed genoeg is, geldt voor de linker en middelste kolom dat de mouseover rechtsonder de cursor hangt. De mouseover in de rechterkolom begint een pixel of 20 meer naar links.

Tweede edit: FF geeft
Warning: Unexpected end of file while searching for closing } of invalid rule set.
Source File: http://www.vanavond.tv/style.css
Line: 224

[ Voor 63% gewijzigd door Japius op 17-09-2007 19:47 . Reden: Aanvulling ]

maandag 17 september 2007 19:44

Acties:

Rigi

Ik heb hetzelfde in Firefox 2.0.0.6 (op win xp) in IE 6 is er geen probleem.

In de foutconsole krijg ik wel wat meldingen over fouten in je CSS (en een bak waarschuwingen vanuit de w3c validator) Ik gok dat ergens in die meldingen jouw probleem ligt.

Verwijderd schreef op maandag 17 september 2007 @ 19:43:
Anderen kijken niet met verschillende schermgroottes. Zo kun je vrij eenvoudig zien dat bij een breed venster de kopjes niet op de juiste plaats komen. Het is een kwestie van het contentgedeelte relatief positioneren, zodat de linkerbovenhoek van dat contentgedeelte de oorsprong is voor de positiebepaling van de popups.

Heb net mn firefox venster verkleind, en jawel hij deed het goed.

[ Voor 50% gewijzigd door Rigi op 17-09-2007 19:46 ]

maandag 17 september 2007 19:54

Acties:

Verwijderd

Topicstarter

Dit verheldert al veel! Zou het een mogelijkheid zijn alles te plaatsen in een container-div?

/Edit: bij mij werkte dat venster verkleinen idd ook.

[ Voor 23% gewijzigd door Verwijderd op 17-09-2007 19:55 ]

maandag 17 september 2007 20:24

Acties:

Verwijderd

Topicstarter

Container van 760px breed (exacte breedte content) en van 900px geprobeerd maar beiden hebben geen effect. Nog een redder in nood?

maandag 17 september 2007 20:32

Acties:

Actual

Hmmm... Ik heb Vista met Opera, maar ik zie helemaal niks

Helemaal geen pop-upje

maandag 17 september 2007 20:40

Acties:

keisersose

Dit moet wel werken volgens mij:

HTML:

<body>
<div id="mainContainer" style="width: 759px; margin: 0px auto;">
...
</div>
</body>

En dat in je style.css bij body de width: 759px weghalen

Getest met Firefox 2.0.0.6 en IE 6.
Opera laat inderdaad geen popups/overlays zien, maar deze wijzigingen slopen ook niets aan de opera layout.

Edit: Even gekeken voor Opera ondersteuning. Op je site gebruik je versie 4.00 van overlib, en Opera werkt pas vanaf 4.01. Dus download ook even de nieuwste versie van overlib op http://www.bosrup.com/web/overlib/?Download

[ Voor 49% gewijzigd door keisersose op 17-09-2007 21:03 ]

maandag 17 september 2007 21:53

Acties:

Verwijderd

Topicstarter

* Container geplaatst
* In de CSS de body aangepast
* Overlib updated

En ... het werkt!!! www.vanavond.tv voor het resultaat!

Superbedankt!

maandag 17 september 2007 21:59

Acties:

keisersose

Graag gedaan.

Wat eventueel netjes zou zijn is om even de HTML fouten uit je pagina te halen, zien:
http://validator.w3.org/c...A%2F%2Fwww.vanavond.tv%2F

Staat altijd netjes (voor degene die dat zien

)

TIP: Begin altijd bovenaan.

Pagina: 1

Reageer