Blog om foto, web og brugervenlighed

Problemer med at vælge eller markere tekst i IE. Highlight / text-selection bug

Jeg har i længere tid haft problemer med at vælge eller markere/highlighte  tekst i IE 6 på min hjemmeside. Endelig fandt jeg en løsning. Den virker godt nok ikke 100%, men er trods alt en kraftig forbedring

Du kan ordne  problemet på er ved at indsætte en højde på body’en i CSS.

Feks: body{height: 600px;} 

Kun tekst over den højde du sætter kan vælges/highlightes, så man kan blive fristet til at sætte en meget stor højde. Ulempen er desværre at der på alle dine sider, kommer scrollbarer for at fordi body’en jo så bliver meget lang. Eksperimenter dig selv frem til en højde der passer lige præcis til din side.

Buggen skulle efter sigende skyldes at Internet Explorer 6 har problemer med absolut positionering. Nogle brugere beretter at de ved at gå over til relativ positionering er sluppet af med buggen. Jeg har holdt ved min absolute position, dels fordi jeg bruger en wrapper til at centrere siden med, og fordi jeg også bruger absolute postition til at styrer mine menuer.

Der findes også visse JavaScript løsninger, men jeg har ikke fået dem til at virke på min side.

Endelig findes der også løsninger rettet mod base elementet, som tilsyneladende bliver brugt i visse CMS.

Læs mere om IE buggen her eller lave en google søgning på  f.eks “text selection” css ie bug.