[Javascript] Positioning in IE

John Warner john at jwarner.com
Mon Jul 26 10:58:33 CDT 2004 

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
>

More information about the Javascript mailing list