[HTML / FireFox] Content "springt" bij klikken op link - Softwareontwikkeling

vrijdag 13 januari 2006 12:50

Acties:

Verwijderd

Topicstarter

Ik heb een website in ontwikkeling waar de content per regel wordt weergegeven. Veel van deze regels zijn echter te lang om in de breedte op de pagina te passen. Geen probleem, de tekst mag gewoon doorlopen naar rechts. Gebruikers kunnen eventueel met de horizontale scrollbar de content bekijken.

Firefox geeft me echter een probleem, wat ik graag met het volgende gezellige stukje HTML illustreer:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<table width="100%" border="1">
    <tr>
        <td>22</td>
        <td><a href="#">23</a></td>
        <td nowrap="nowrap"><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget arcu. Mauris ut enim. Curabitur sed purus facilisis velit laoreet venenatis. Aenean pede massa, viverra quis, scelerisque a, scelerisque molestie, orci. Quisque in arcu. Aliquam gravida enim sodales ipsum. In in lectus.</a></td>
    </tr>
</table>
</BODY>
</HTML>

De code bevat een tabel met 3 kolommen, de tekst in de derde kolom loopt over de paginabreedte heen. Als ik in FireFox op de link in de derde kolom klik, verschuift de content van de pagina op de 'mouse-down' naar links, zodat het begin van de link in de derde kolom tegen de linkerkant van de browser komt en de eerste twee kolommen niet meer zichtbaar zijn. Niet de bedoeling! De tekst moet gewoon stil blijven staan. Na het loslaten van de klik, schuift het hele zwikkie weer naar rechts.

Ik heb onder Win 2K/XP getest in FF 1.5 en 1.0 waar het fout gaat. IE 6.zoveel rendert het wel "correct"; de content beweegt niet bij klikken.

Kunnen jullie even meekijken?

vrijdag 13 januari 2006 13:52

Acties:

TheRookie

Nu met R1200RT

een # is toch een 'anchor', juist bedoeld om naar een bepaald stuk content te springen, misschien een 'undocumented feature' in ff ?

vrijdag 13 januari 2006 14:17

Acties:

André

Analytics dude

Het komt omdat FF een border om de link heen plaatst en dan de link actief in beeld brengt (focussed). Om dit te verhelpen moet je geen # gebruiken

vrijdag 13 januari 2006 14:21

Acties:

BasieP

offtopic:
je weet dat je doctype incompleet is?

This message was sent on 100% recyclable electrons.

vrijdag 13 januari 2006 14:57

Acties:

Verwijderd

Topicstarter

thanks, inderdaad. FF moet de link niet focussen. Ik heb de href verwijderd en deze vervangen door een onclick handler.

code:

1	<a href="javascript:alert('blaat')">

veroorzaak namelijk ook de verschuiving (terwijl er geen # instaat!)

code:

1	<a onclick="alert('blaat')">

gaat goed, er is geen verschuiving. Wel moet ik dmv van wat extra js de pointer in een handje veranderen en eventueel de tekst underlinen, maar dat prutsen we wel in elkaar.

vrijdag 13 januari 2006 15:06

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op vrijdag 13 januari 2006 @ 14:57:
Wel moet ik dmv van wat extra js de pointer in een handje veranderen en eventueel de tekst underlinen, maar dat prutsen we wel in elkaar.

Dat kan gewoon met CSS. Als iets geen link is moet je er geen anchor voor gebruiken...

Intentionally left blank

vrijdag 13 januari 2006 15:06

Acties:

Daspeed

in plaats van js kun je ook CSS gebruiken, misschien wat makkelijker

[ Voor 0% gewijzigd door Daspeed op 13-01-2006 15:07 . Reden: Grr, weer eens te laat :P ]