Re: Fw: Malpositioned dropdown menus
Olivier Vit <[email protected]>
| Newsgroups | gmane.comp.cms.jahia.template |
|---|---|
| Message-ID | <[email protected]> |
You may find some interesting clues here
http://www.quirksmode.org/viewport/compatibility.html
Be also very careful with your DOCTYPE
You can also look at how Valeo.com is done, but it is not really pure
DIVs and CSS positioning, and I compromised on how nice is the
javascript code to make it work on Mac/IE
Best wishes ;-)
Philippe Vollenweider a écrit :
> Hello,
>
> I have the same problems with things like this:
>
> div.wrapper {
> left: 50%;
> position: absolute;
> clear: both;
> }
> div.main {
> position:absolute;
> width:700px;
> left: -350px;
> }
>
> and the page is like
>
> <body>
> <div class="wrapper">
> <div class="main">
> here is my page.
> </div>
> </div>
> </body>
>
> Is it the same kind of problem you have?
>
> I think that the methodes getPageOffsetLeft and getPageOffsetTop (file
> action.js) return the wrong value. So you will need correct them by
> substracting the PageOffset (top or left) of the element.offsetParent.
>
> For me it works with Firefox but not with IE :-(
>
> If you find another solution, please contribute it.
>
> Cheers,
>
> Philippe.
>
> At 01.12.2004 11:49, you wrote:
>
>> Hello!
>> Didn't get any suggestions from dev-list so I'll try here.
>>
>> Thx,
>> Christian
>>
>> ----- Forwarded by Christian Karlsson/Integration/Generic on 2004-12-01
>> 11:48 -----
>>
>> [email protected] wrote on 2004-11-10 12:57:03:
>>
>> > Hello all
>> > I'm having problems with positioning of the dropdown menus.
>> > The getX and getY methods don't seem to be working any more. They did
>> until
>> > I changed the design into a CSS-based layout. Now all the menus
>> appear in
>> > the same spot in Win/Mozilla and slightly misplaced in Win/IE. So it
>> works
>> > better in IE but I've had to make some hacks with absolute
>> positioning to
>> > make CSS work there. Are the getX and getY methods dependant on a
>> table
>> > oriented design or on an absolutely positioned design?
>> > The site is at http://192.68.102.165/jahia.
>> >
>> > Thanks,
>> > Christian
>> >
>
>
> -------=[ pvollenweider at jahia dot com ]=---------
> Jahia : A collaborative source CMS and Portal Server
> www.jahia.org Community and product web site
> www.jahia.com Commercial services company
>
>
>
olivier.vit.vcf
(text/x-vcard, 363 B)
begin:vcard fn:Olivier Vit n:Vit;Olivier org:DUKE - Digital Age Agency adr;quoted-printable:;;12bis rue des Colonnes du Tr=C3=B4ne;Paris;;75012;France email;internet:[email protected] title:Chef de projet technique tel;work:+33 1 53 44 19 46 tel;cell:+33 6 22 69 65 75 x-mozilla-html:TRUE url:http://www.duke-interactive.com version:2.1 end:vcard