[Javascript] Positioning in IE

Hakan Magnusson (Backbase) hakan at backbase.com
Mon Jul 26 11:54:26 CDT 2004 

I'm not fighting over nothing.

I'm just trying to provide the correct answer to the original question, 
since nobody else did. After doing so, I noted that other people 
persistantly tried to prove other (IE-proprietary) solutions to be 
correct, and I think it would be quite sad if mr Iztok Polanic whould 
end up knowing even less than he did before asking the question in the 
first place.

I, for one, like to keep my code standardised, structured, easily 
maintainable and free from unneccesary clutter, browsers hacks and 
workarounds. By doing so my code will stay cleaner, easier to modify and 
it won't break down for people who use web browsers other than Internet 
Explorer. This will also contribute to me improving as a coder, since I 
will gain a larger scope of the field I've chosen to play on rather than 
stubbornly staying with what I've got and what I know worked a couple of 
years ago.

Furthermore, I have yet to find a situation where I need IE-proprietary 
functionality to provide the required results (other than those found in 
IE/MS-proprietary [web]applications, made with/for ActiveX, for 
example). This makes me wonder why one would ever venture into the 
proprietary domains of any browser, and thereby actively removing the 
possible support on other/future platforms.

Oh, and yeah, I'm an asshole.

Regards,
H

John Warner wrote:
> Is the remainder of the afternoon going to be wasted fighting over
> NOTHING?  Get a grip folks, you have spent the morning fighting about
> trivia. Not trying to be the list police here, but come on.
> 
> John Warner
> mailto:john at jwarner.com
> 
> 
>>-----Original Message-----
>>From: javascript-bounces at LaTech.edu 
>>[mailto:javascript-bounces at LaTech.edu] On Behalf Of Hakan 
>>Magnusson (Backbase)
>>Sent: Monday, July 26, 2004 11:31 AM
>>To: [JavaScript List]
>>Subject: Re: [Javascript] Positioning in IE
>>
>>
>>Well seeing that the original query was regarding positioning that 
>>worked in Mozilla but didn't work in Internet Explorer, I 
>>just thought 
>>that the best solution would be a future-compatible, 
>>browser-independent 
>>standardised way.
>>
>>The question was not Microsoft specific. It addressed an 
>>issue that only 
>>occured in Internet Explorer, due to poor conformance to the 
>>standards 
>>by the programmer in question. Rather than repairing this lack of 
>>knowledge with another proprietary hack, I thought that pointing this 
>>out, and thus preventing future code soup and avoidable 
>>errors, seemed 
>>to be the best approach.
>>
>>But again:
>>
>>>Feel free to use proprietary code with no future compatibility.
>>
>>
>>
>>Paul Cowan wrote:
>>
>>>Well seeing as the subject of the thread is 'Positioning in 
>>
>>IE', that
>>
>>>sounds like a Microsoft specific question to me.
>>>
>>>So unless I have missed the 'hump', I gave an Microsoft IE answer.
>>>
>>>
>>>
>>>dagda1 at hotmail.com
>>>
>>>
>>>
>>>
>>>
>>>
>>>>From: "Hakan Magnusson (Backbase)" <hakan at backbase.com>
>>>>Reply-To: "[JavaScript List]" <javascript at LaTech.edu>
>>>>To: "[JavaScript List]" <javascript at LaTech.edu>
>>>>Subject: Re: [Javascript] Positioning in IE
>>>>Date: Mon, 26 Jul 2004 16:36:38 +0200
>>>>
>>>>You are still humping IE-specific, non-standard properties.
>>>>
>>>>
>>>>>I just added my $0.02 in case somebody wanted to do it the RIGHT 
>>>>>way,
>>>>>and don't want to split their code up more than necessary.
>>>>
>>>>
>>>>Feel free to use proprietary code with no future compatibility.
>>>>
>>>>Regards,
>>>>H
>>>>
>>>>Paul Cowan wrote:
>>>>
>>>>
>>>>>What about:
>>>>>
>>>>>document.getElementById('glava').style.posLeft = '500px';
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>dagda1 at hotmail.com
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>>From: "Peter Brunone" <peter at brunone.com>
>>>>>>Reply-To: "[JavaScript List]" <javascript at LaTech.edu>
>>>>>>To: "'[JavaScript List]'" <javascript at LaTech.edu>
>>>>>>Subject: RE: [Javascript] Positioning in IE
>>>>>>Date: Mon, 26 Jul 2004 09:27:44 -0500
>>>>>>
>>>>>>
>>>>>>    Just for the record, Hakan's is the most correct answer, 
>>>>>>according to the DOM.  Also, you would never assign units to the 
>>>>>>pixelLeft property since it takes an integer and assumes 
>>
>>pixels... 
>>
>>>>>>And if you assign a property with units to the 
>>
>>style.left property, 
>>
>>>>>>you'd need to feed it in as a string.
>>>>>>
>>>>>>Cheers,
>>>>>>
>>>>>>Peter
>>>>>>
>>>>>>-----Original Message-----
>>>>>>From: javascript-bounces at LaTech.edu 
>>>>>>[mailto:javascript-bounces at LaTech.edu] On Behalf Of 
>>
>>Hakan Magnusson
>>
>>>>>>(Backbase)
>>>>>>
>>>>>>None of the previous replies, including the ones in your, are
>>>>>>conformant
>>>>>>
>>>>>>to the DOM standard. In fact, it's not going to work on 
>>
>>any browser 
>>
>>>>>>except Internet Explorer, and I have a hard time seeing how 
>>>>>>"glava.style.pixelLeft=500px" could ever work.
>>>>>>
>>>>>>I just added my $0.02 in case somebody wanted to do it the RIGHT 
>>>>>>way, and don't want to split their code up more than necessary.
>>>>>>
>>>>>>Regards,
>>>>>>H
>>>>>>
>>>>>>Troy III Ajnej wrote:
>>>>>>
>>>>>>>Or, as Peter had allready repplyed
>>>>>>>
>>>>>>>document.getElementById('glava').style.pixelLeft =  500
>>>>>>>
>>>>>>>or even clearer and also many times faster instruction :
>>>>>>>
>>>>>>>glava.style.pixelLeft=500px
>>>>>>>
>>>>>>>Ask why if U like Iztok
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>>From: "Hakan Magnusson (Backbase)" <hakan at backbase.com>
>>>>>>>>
>>>>>>>>>document.getElementById('glava').style.left =  '500';
>>>>>>>>
>>>>>>>>
>>>>>>>>What unit do you want to use when specifying coordinates? 500 
>>>>>>>>cows, 500 feet or, perhaps, 500 pixels?
>>>>>>>>
>>>>>>>>This could very well be the solution to your problem:
>>>>>>>>
>>>>>>>>document.getElementById('glava').style.left =  '500px';
>>>>>>>>
>>>>>>>>Best regards,
>>>>>>>>H
>>>>>>>>
>>>>>>>>
>>>>>>>>Iztok Polanic wrote:
>>>>>>>>
>>>>>>>>
>>>>>>>>>Hi!
>>>>>>>>>
>>>>>>>>>Here's the <div> element:
>>>>>>>>>
>>>>>>>>><div style="position:absolute; top:64px; left:190px;"
>>>>>>
>>>>>>align="center"
>>>>>>
>>>>>>
>>>>>>>>>id="glava">
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>and here Javascript which tries to move the object:
>>>>>>>>>
>>>>>>>>>document.getElementById('glava').style.left =  '500';
>>>>>>>>>
>>>>>>>>>This works fine in Mozilla (Firerfox) but not in IE 6.
>>>>>>>>>
>>>>>>>>>Bye,
>>>>>>>>>
>>>>>>>>>Iztok -----Original Message-----
>>>>>>>>>From: javascript-bounces at LaTech.edu 
>>>>>>>>>[mailto:javascript-bounces at LaTech.edu]
>>>>>>>>>On Behalf Of Flavio Gomes
>>>>>>>>>Sent: 23. julij 2004 17:00
>>>>>>>>>To: [JavaScript List]
>>>>>>>>>Subject: Re: [Javascript] Positioning in IE
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>Well, then you shouldn't have any problems..
>>>>>>>>>   Post your code, please
>>>>>>>>>
>>>>>>>>>Flavio Gomes
>>>>>>>>>flavio at economisa.com.br
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>Iztok Polanic wrote:
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>>Hi!
>>>>>>>>>>
>>>>>>>>>>Element is <div> tag and it's positioned absolutely.
>>>>>>>>>>
>>>>>>>>>>Bye,
>>>>>>>>>>
>>>>>>>>>>Iztok -----Original Message-----
>>>>>>>>>>From: javascript-bounces at LaTech.edu 
>>>>>>>>>>[mailto:javascript-bounces at LaTech.edu]
>>>>>>>>>>On Behalf Of Peter Brunone
>>>>>>>>>>Sent: 23. julij 2004 16:16
>>>>>>>>>>To: '[JavaScript List]'
>>>>>>>>>>Subject: RE: [Javascript] Positioning in IE
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>    What's the element, and is it positioned relatively or 
>>>>>>>>>>absolutely?
>>>>>>>>>>
>>>>>>>>>>    Try style.pixelLeft if you're specifying an integer 
>>>>>>>>>>without units.
>>>>>>>>>>
>>>>>>>>>>-----Original Message-----
>>>>>>>>>>From: javascript-bounces at LaTech.edu 
>>>>>>>>>>[mailto:javascript-bounces at LaTech.edu] On Behalf Of Iztok 
>>>>>>>>>>Polanic
>>>>>>>>>>
>>>>>>>>>>Hi!
>>>>>>>>>>
>>>>>>>>>>I hope this is my last question on positioning on 
>>
>>this list :) 
>>
>>>>>>>>>>I'm using document.getElementById('').style.left to 
>>
>>position 
>>
>>>>>>>>>>an element to another
>>>>>>>>>>coordinates. It works fine in firerfox (Mozilla) 
>>
>>0.9 but not in IE
>>
>>>>>>6.0.
>>>>>>
>>>>>>>>>>Any clues?
>>>>>>>>>>
>>>>>>>>>>Bye,
>>>>>>>>>>
>>>>>>>>>>Iztok
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>_______________________________________________
>>>>>>>>>Javascript mailing list
>>>>>>>>>Javascript at LaTech.edu 
>>>>>>>>>https://lists.LaTech.edu/mailman/listinfo/javascript
>>>>>>>>>
>>>>>>>>>_______________________________________________
>>>>>>>>>Javascript mailing list
>>>>>>>>>Javascript at LaTech.edu 
>>>>>>>>>https://lists.LaTech.edu/mailman/listinfo/javascript
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>>>_______________________________________________
>>>>>>>>Javascript mailing list
>>>>>>>>Javascript at LaTech.edu 
>>>>>>>>https://lists.LaTech.edu/mailman/listinfo/javascript
>>>>>>>
>>>>>>>
>>>>>>>
>>_________________________________________________________________
>>
>>>>>>>Protect your PC - get McAfee.com VirusScan Online 
>>>>>>>http://clinic.mcafee.com/clinic/ibuy/campaign.asp?cid=3963
>>>>>>>
>>>>>>>_______________________________________________
>>>>>>>Javascript mailing list
>>>>>>>Javascript at LaTech.edu 
>>>>>>>https://lists.LaTech.edu/mailman/listinfo/javascript
>>>>>>>
>>>>>>>
>>>>>>
>>>>>>_______________________________________________
>>>>>>Javascript mailing list
>>>>>>Javascript at LaTech.edu 
>>>>>>https://lists.LaTech.edu/mailman/listinfo/javascript
>>>>>>
>>>>>>
>>>>>>_______________________________________________
>>>>>>Javascript mailing list
>>>>>>Javascript at LaTech.edu 
>>>>>>https://lists.LaTech.edu/mailman/listinfo/javascript
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>_______________________________________________
>>>>>Javascript mailing list
>>>>>Javascript at LaTech.edu 
>>>>>https://lists.LaTech.edu/mailman/listinfo/javascript
>>>>>
>>>>>
>>>>
>>>>_______________________________________________
>>>>Javascript mailing list
>>>>Javascript at LaTech.edu 
>>>>https://lists.LaTech.edu/mailman/listinfo/javascript
>>>
>>>
>>>
>>>_______________________________________________
>>>Javascript mailing list
>>>Javascript at LaTech.edu 
>>>https://lists.LaTech.edu/mailman/listinfo/javascript
>>>
>>>
>>
>>_______________________________________________
>>Javascript mailing list
>>Javascript at LaTech.edu 
>>https://lists.LaTech.edu/mailman/listinfo/javascript
>>
> 
> 
> _______________________________________________
> Javascript mailing list
> Javascript at LaTech.edu
> https://lists.LaTech.edu/mailman/listinfo/javascript
> 
>

More information about the Javascript mailing list