:strip_exif()/u/20180/kirby.gif?f=community)
Ik heb een probleem met mijn nieuwe website design, bij het gebruik van een anchor link.
De anchor links werken in principe goed, behalve in IE wanneer je wil springen naar een stukje tekst onderaan de pagina. Normaal gesproken verspringt de tekst gewoon niet helemaal naar de top van het venster wanneer er daaronder geen tekst meer is om weer te geven. Maar IE besluit in dat geval de hele lay-out omhoog te schuiven!
Het is nogal moeilijk uit te leggen, dus hierbij een voorbeeld:
Op deze pagina vind je wat anchor links: http://www.alice-in-wonderland.net/test/alice11.html
Klik je op een van de bovenste, dan werkt het gewoon goed.
Klik je op de laatste, dan probeert IE de tekst toch helemaal bovenaan de pagina te plaatsen, terwijl de pagina daar niet hoog genoeg voor is, en schuift de hele lay-out mee.
Ik heb geen idee waarom hij dat doet.
Dingen die ik geprobeerd heb:
- verwijzen naar een id ipv een name. Maakt geen verschil.
- De styling van de anchor links verwijderen (Ik gebruik: a[name] {padding-top: 155px;} omdat de body bovenin een margin heeft en de tekst anders onder de bovenste absoluut gepositioneerde div verdwijnt). Maakt geen verschil. IE trekt zich in het geheel niets van deze padding aan, maar dat is weer een ander probleem.
- Doordat ik een base href gebruik, moet ik ook de paginanaam meegeven aan de anchor link (bv. pagina.html#anchor ipv #anchor). Als ik dat niet doe, maakt het ook geen verschil.
Ik heb echt geen idee wat de oorzaak van het probleem kan zijn. Hopelijk kan iemand me vertellen waar ik naar moet zoeken.
Als je specifieke stukjes code wil zien, laat het maar weten dan post ik ze.
De anchor links werken in principe goed, behalve in IE wanneer je wil springen naar een stukje tekst onderaan de pagina. Normaal gesproken verspringt de tekst gewoon niet helemaal naar de top van het venster wanneer er daaronder geen tekst meer is om weer te geven. Maar IE besluit in dat geval de hele lay-out omhoog te schuiven!
Het is nogal moeilijk uit te leggen, dus hierbij een voorbeeld:
Op deze pagina vind je wat anchor links: http://www.alice-in-wonderland.net/test/alice11.html
Klik je op een van de bovenste, dan werkt het gewoon goed.
Klik je op de laatste, dan probeert IE de tekst toch helemaal bovenaan de pagina te plaatsen, terwijl de pagina daar niet hoog genoeg voor is, en schuift de hele lay-out mee.
Ik heb geen idee waarom hij dat doet.
Dingen die ik geprobeerd heb:
- verwijzen naar een id ipv een name. Maakt geen verschil.
- De styling van de anchor links verwijderen (Ik gebruik: a[name] {padding-top: 155px;} omdat de body bovenin een margin heeft en de tekst anders onder de bovenste absoluut gepositioneerde div verdwijnt). Maakt geen verschil. IE trekt zich in het geheel niets van deze padding aan, maar dat is weer een ander probleem.
- Doordat ik een base href gebruik, moet ik ook de paginanaam meegeven aan de anchor link (bv. pagina.html#anchor ipv #anchor). Als ik dat niet doe, maakt het ook geen verschil.
Ik heb echt geen idee wat de oorzaak van het probleem kan zijn. Hopelijk kan iemand me vertellen waar ik naar moet zoeken.
Als je specifieke stukjes code wil zien, laat het maar weten dan post ik ze.