Avatar billede zicko Nybegynder
05. januar 2006 - 10:25 Der er 8 kommentarer og
1 løsning

Kan ikke markere tekst i CSS box?

Jeg er for nyligt begyndt at forsøge at lave side-layout med CSS fremfor tables, men jeg har lidt problemer..

på siden: http://www.animaltraining.dk, sker der det at når man prøver at markere noget af brødteksten i midten, markerer den også noget af banneret og menuen, i stedet for kun at markere teksten. Hvordan kan det være? Og hvordan kan det løses?

Stylesheet kan findes her: http://www.animaltraining.dk/style.txt

Da jeg gerne vil have en uddybende forklaring, og løsning, er der 200 point til et godt svar :)
Avatar billede den-evil Nybegynder
05. januar 2006 - 13:31 #1
Det er dog kun i ie den gør det, og ikke i firefox !
Avatar billede roenving Novice
05. januar 2006 - 16:29 #2
Det er en bug i IE, som har forbindelse med position:absolute; så det må du leve med, hvis du vil bruge den form for positionering !-)

Den er f.eks. også omtalt her: http://channel9.msdn.com/wiki/default.aspx/Channel9.InternetExplorerSupportForCSS

-- ca. en trediedel nede på siden skrives der:

Text in absolutely positioned blocks should be easily and precisely selectable by users with mouse or with keyboard
Avatar billede stich Nybegynder
05. januar 2006 - 16:52 #3
Der findes altså en JavaScript-løsning på det, jeg kan bare ikke finde den på google... :-/
Avatar billede stich Nybegynder
05. januar 2006 - 17:14 #4
http://www.webmasterworld.com/forum83/7260.htm - ikke lige den side jeg ledte efter, men går ud fra løsningen er den samme.

Læg dog mærke til hvad de skriver omkring overlappende absolut-positionerede elementer; det ser ikke ud til at være problemet, ud fra outlining af disse elementer vha. Webdeveloper-udvidelsen til Firefox, men du kan jo gå i gang med at 'bryde siden ned' og finde ud af hvilke/hvilken styles/style det går galt med.
Avatar billede stich Nybegynder
05. januar 2006 - 17:57 #5
For 'fuldstændighedens skyld' er jeg forresten temmelig sikker på det var http://blog.tom.me.uk/2003/07/23/ jeg ledte efter, men den side er øjensynligt ikke længere tilgængelig, så man må nøjes med fx Googles cache-version:
http://64.233.183.104/search?q=cache:P92PENORzdsJ:blog.tom.me.uk/2003/07/23/
Hvorvidt det er en pænere/bedre JavaScript-løsning, ved jeg ikke. Men husk dog på, at det kan have alvorlige renderingsmæssige konsekvenser, at få IE til at gå i quirksmode; personligt ville jeg klart foretrække JS-løsningen (med mindre det kan klares ved at ændre i CSS'en, naturligvis).

Et par steder har jeg desuden læst, at problemet også kan opstå i floatede elementer (måske overlappende med et der er absolut-positioneret?), men hvorvidt det er sandt, aner jeg heller ikke.
Avatar billede roenving Novice
05. januar 2006 - 18:27 #6
Floatede elementer skal jo heller ikke have en relativ størrelse, så det lyder sandsynligt, at det er præcis det samme problem med dem !-)
Avatar billede zicko Nybegynder
20. januar 2006 - 10:22 #7
Så fik jeg langt om længe testet det.. løsningen med JS fungerer glimragende ;) og eftersom det er en side bygget op om en enkelt ASP fil skulle det kun indsættes én gang.. lækkert!

Citat fra siden: "If all else fails add this js just before the </body> tag:

<script type="text/javascript">
document.body.style.height = document.documentElement.scrollHeight+'px';
</script>

Ugly, but generally works. "

- og jep minsandten.. det virker!! :)
Avatar billede zicko Nybegynder
20. januar 2006 - 10:22 #8
Så pointene er velfortjent ;)
Avatar billede stich Nybegynder
20. januar 2006 - 10:27 #9
Udmærket! :-) Og tak for points.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester