Toon posts:

[IE6] Tekst selecteren

Pagina: 1
Acties:

donderdag 21 augustus 2003 11:21

Acties:
  • OzBoz
  • Registratie: Maart 2000
  • Laatst online: 16-06-2025

OzBoz

.:.H.:.I.:.P.:.

Topicstarter
Ik ben voor een klant bezig met een site die voornamelijk opgebouwd wordt uit een stylesheet. Het stylesheet voldoet helemaal aan de W3C-neuzel-normen en ook de HTML pagina komt er prima door heen.

Probleem is dat ik in Internet Explorer 6 moeite heb tekst op de pagina te selecteren. Dit is voor 99% een bug in IE6 want oudere versies van IE en Opera/Netscape etc hebben er helemaal geen problemen mee.

De site kan ik niet laten zien (dat vind de klant niet leuk) maar ik vraag me meer af of er al iemand is die een mooie workaround heeft. En dan maar hopen dat Microsoft het een keer fixt.

De contentpagina waar het om gaat bestaat gewoon uit een DIVje met daarin een meuk tekst.

[edit]
Ik kan wel iets selecteren, maar het gaat gewoon niet lekker..

[ Voor 6% gewijzigd door OzBoz op 21-08-2003 11:28 ]

My Fizion | My 3D prints | LinkedIn

donderdag 21 augustus 2003 11:41

Acties:
  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

Ik ken het probleem ja. Ik heb nooit echt naar een oplossing gezocht omdat er nooit iemand is geweest die erover klaagde, maar wat je zou kunnen proberen is de content-delen allemaal een hoge z-index te geven in de css, zodat ze "bovenaan" gerenderd worden. Ik weet niet of dat uitmaakt, maar even proberen is nooit weg.

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

donderdag 21 augustus 2003 11:59

Acties:
  • OzBoz
  • Registratie: Maart 2000
  • Laatst online: 16-06-2025

OzBoz

.:.H.:.I.:.P.:.

Topicstarter
Ik was er ook al achter dat het niet lekker ging. Maar de klant is ook slim en kwam er ook mee. Nu kan ik er in dit geval volgens mij weinig aan doen maar ok. Ik heb geprobeerd met een hele hoge Z-index te werken maar helaas.

My Fizion | My 3D prints | LinkedIn

donderdag 21 augustus 2003 12:07

Acties:
  • Johnny
  • Registratie: December 2001
  • Laatst online: 14-04 16:32

Johnny

ondergewaardeerde internetguru

Ik ken het probleem ook. Het kan te maken hebben met de volgorde van de DIVs, of door iets met position te doen.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

donderdag 21 augustus 2003 12:14

Acties:

Verwijderd

hmm probeer eens display:inline, ik ken het probleem eigenlijk niet. Ik heb net even gekeken of ik het kon reproduceren met IE 6 op een site van een klant die we net helemaal hebben omgebouwd (weg met tabellen e.d.).

Ook daar staat alle text (en plaatjes) in een div, maar het selecteren van tekst is geen probleem.

Kan je misschien wel de stylesheet hier posten OzBoz?

donderdag 21 augustus 2003 12:37

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 14-04 13:30

André

Analytics dude

Het probleem is wel te reproduceren:

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<html>
  <head>
    <style>
      #A1 { position: absolute; left: 400px; top: 400px; }
      #A2 { position: absolute; left: 300px; top: 300px; }
      #A3 { position: absolute; left: 200px; top: 200px; }
      #A4 { position: absolute; left: 100px; top: 100px; }
    </style>
  </head>
  <body>
    <div id="A1">1</div>
    <div id="A2">2</div>
    <div id="A3">3</div>
    <div id="A4">4</div>
  </body>
</html>


Hier selecteerd het ook niet helemaal lekker.

donderdag 21 augustus 2003 12:48

Acties:
  • OzBoz
  • Registratie: Maart 2000
  • Laatst online: 16-06-2025

OzBoz

.:.H.:.I.:.P.:.

Topicstarter
Dit is de CSS, wel wat elementen voor submenu etc eruit gerost.
Het gaat om het DIV gedeelte en DIV#content waarschijnlijk.

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187

/* BODY ALGEMEEN */
body, td {
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
}


/* BODY CONTENT-FRAME */
body.content {
    color: #18386D;
    background: url(../images/basic_contentbackgr.jpg) #FFFFFF fixed no-repeat;
}


/* DIV ALGEMEEN */
div {
    font-family: Verdana, Arial, sans-serif;
    /* font-size: 12px; */
    font-style: normal;
}

/* DIV BODYTEKST [CONTENT] */
div#cnt-bodytekst { 
    background-color: transparent;
    color: #18386D;
    font-weight: normal;
    left: 40px;
    line-height: 16px;
    padding-bottom: 20px;
    position: absolute;
    text-align: justify;
    top: 67px;
    width: 92%;
    z-index: 2;
}

/* DIV HEADER [CONTENT] */
div#cnt-header {
    background-color: transparent;
    color: #FFFFFF;
    font-weight: bold;
    left: 25px;
    line-height: 15px;
    position: absolute;
    top: 18px;
    width: 92%;
    z-index: 1;
}

/* INLEIDING [CONTENT] */
p.cnt-inleiding {
    font-style: italic;
}

/* SUBHEADING [CONTENT] */
p.cnt-subkop {
    font-size: larger;
    font-weight: bold;
}

/* LINKS ALGEMEEN */
a {
    background-color: transparent;
    color: #18386D;
    font-family: Verdana, Arial, sans-serif;
    /* font-size: 12px; */
    font-style: normal;
    font-weight: bold;  
}

/* LINKS [CONTENT */
a.cnt-link {
    background-color: transparent;
    color: #18386D;
    text-decoration: underline;
}

/* LINKS - MOUSEOVER [CONTENT] */
a.cnt-link:hover {
    background-color: #48ACD8;
    color: #FFFFFF;
    text-decoration: underline;
}

/* LINKS - VISITED [CONTENT] */
a.cnt-link:visited {
    background-color: transparent;
    color: #012D3F;
    text-decoration: none;
}

/* LINKS [SUBMENU] */
a.subm-link {
    background-color: transparent;
    line-height: 16px;
    color: #0178A8;
    text-align: left;
    text-decoration: none;
    width: 116px;
    vertical-align: top;
}

/* LINKS - MOUSEOVER [SUBMENU] */
a.subm-link:hover {
    background-color: transparent;
    color: #015678;
}

/* LINKS - VISITED [SUBMENU] */
a.subm-link:visited {
    background-color: transparent;
    color: #012D3F;
}

/* IMAGES RECHTS [CONTENT] */
img.cnt-imageright {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    clear: both;
}

/* IMAGES LINKS [CONTENT] */
img.cnt-imageleft {
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    clear: both;
}

/* WEERGAVE BULLETPOINTS [CONTENT] */
ul li {
    list-style-image: url(../images/basic_liststyle.gif);
}

/* WEERGAVE TABEL ALGEMEEN [CONTENT] */
table {
    width: 100%;
    clear: both;
}

/* WEERGAVE TABEL [CONTENT] */
table.cnt-tabelgewoon tr td {
    height: 20px;
    border-bottom: 1px solid #268BB7;
}

/* WEERGAVE TABEL TBV FORMULIER */
table.cnt-tabelform {
    height: 20px;
    border-width: 1px 0px 1px 0px;
    border-style: solid none solid none;
    border-color: #268BB7 #268BB7 #268BB7 #268BB7;
}

/* FORMULIER VELDEN (Standaard tekst)*/
input.frm-tekstgewoon {
    border: 1px solid #268BB7;
    width: 150px;
    font-family: Verdana, Arial, sans-serif;
    /* font-size: 11px; */
    font-style: normal;
    color: #268BB7;
    background-image: url(../images/basic_formbackgr.gif);
    padding-left: 5px;
    background-color: White;
}

/* FORMULIER BUTTONS */
input.frm-button {
    border: 4px double #268BB7;
    width: 158px;
    font-family: Verdana, Arial, sans-serif;
    /* font-size: 11px; */
    font-style: normal;
    color: #FFFFFF;
    padding-left: 5px;
    background-color: #44ABD8;
    font-weight: bold;
}

My Fizion | My 3D prints | LinkedIn

donderdag 21 augustus 2003 12:52

Acties:
  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Wellicht dat de oplossing op deze pagina helpt?:
http://archivist.incutio.com/viewlist/css-discuss/18817

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.

donderdag 21 augustus 2003 12:54

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 14-04 13:30

André

Analytics dude

Preface
you html with an xml comment. It would go above the doctype:

<?xml version="1.0"?>
Dat gaat weer helemaal nergens over, maar als het werkt, tja....

donderdag 21 augustus 2003 12:55

Acties:

Verwijderd

Misschien heb je hier wat aan (of misschien ook niet):
http://blog.tom.me.uk/2003/07/index.php#e000044

donderdag 21 augustus 2003 13:01

Acties:
  • OzBoz
  • Registratie: Maart 2000
  • Laatst online: 16-06-2025

OzBoz

.:.H.:.I.:.P.:.

Topicstarter
Rickets schreef op 21 August 2003 @ 12:52:
Wellicht dat de oplossing op deze pagina helpt?:
http://archivist.incutio.com/viewlist/css-discuss/18817
Pffft.. dat werkt! Thanks.. maar valideren van de pagina bij w3c.org kun je dan wel vergeten. Maar ik kwak hem er nu in, in elk geval super bedankt. Tis niet nice, maar het werkt :)

My Fizion | My 3D prints | LinkedIn

zaterdag 28 januari 2006 15:54

Acties:

Verwijderd

De truuk met <?xml version="1.0"?> werkte bij mijn niet. Het volgende werkte gelukkig wel:

Plaats het ergens binnen het <head> </head> blok.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

 <script type="text/javascript">
      
    if (window.createPopup && document.compatMode && document.compatMode=="CSS1Compat")
    {
      document.onreadystatechange = onresize = function fixIE6AbsPos()
      {
        if (!document.body) return;
        if (document.body.style.margin != "0px") document.body.style.margin = 0;
        onresize = null;
        document.body.style.height = 0;
        setTimeout(function(){ document.body.style.height = document.documentElement.scrollHeight+'px'; }, 1);
        setTimeout(function(){ onresize = fixIE6AbsPos; }, 100);
      }
    }
    
    </script>


Dit is waarschijnlijk nog veel lelijker, maar het is niet anders.

Groeten,

Jan

PS: Dit stuk code heb ik niet zelf geschreven, en ben dus ook niet aansprakelijk voor wat voor gevolgen dan ook.

zaterdag 28 januari 2006 16:04

Acties:
  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Bedankt voor je berichtje, maar je had echt geen topic van 3 jaar te hoeven kicken hoor :)

De CSS problemen zijn veel beter bekend tegenwoordig (waaronder deze bug). Als je gaat [google="text selection" css ie bug], dan zie je dat er ook veel makkelijkere oplossingen zijn, dan degene die je hier aandraagt.

Daarnaast hoef je echt niet meer te groeten onder elke post ;) en is die "disclaimer" een beetje raar. Waarom zou je aansprakelijk zijn voor de gevolgen van deze code?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

Pagina: 1
Reageer