HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Dropdown Javascript Menu Problems

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#37650 (In Topic #8478)
Avatar

Community saint

I have had my site as fixed width for quite some time now and never really noticed this problem until I started using the dropdown menu's when I make my site fixed width the dropdown "boxes" dont stay relative to the site width, instead of droping straight down they drop down almost 70px to the right the tool tips are also part of this and I'm not very fluent in javascript help would be greatly appreciated.

very respectfully,
Jon Rodgers



Attachment
» Download: dropdownmenuprobs.bmp (4 Mb, 201 downloads so far)

 I'm not real big on building skins as of right now but if you would like some custom graphics done for your site I am more than willing as long as I have the time. -\-PhrozenStudios-/-
Back to the top
 
Posted
Rating:
#37665
Avatar

Hi,

This looks like an Internet Explorer bug. I haven't got IE available to me to test on right now, but I have an idea what might fix it.
I'm assuming you're running off the instructions in our fixed-width tutorial and have a line much like this in your HEADER template:

Code

<body onload="Javascript: scriptLoadStuff()" style="{$?,{$OR,{$EQ,{$ZONE},adminzone},{$EQ,{$ZONE},cms}},,width: 800px; position: relative; margin: 0 auto 0 auto}">
Try changing it to:

Code

<body onload="Javascript: scriptLoadStuff()" style="{$?,{$OR,{$EQ,{$ZONE},adminzone},{$EQ,{$ZONE},cms}},,width: 800px; margin: 0 auto 0 auto}">
<div style="position: relative;">

and then in FOOTER change:

Code

</body>
to:

Code

</div>
</body>


The theory in this fix is that IE is taking the relative reference point without taking into account the margin width. Moving the reference point in a new div inside the margin should divorce the reference point from the margin whilst keeping the reference point position unchanged for correct browsers.

As I've said though, this isn't tested, and it could turn out to be something else.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#37666
Avatar

Community saint

I havn't tried it yet but I'm thinking that its not just IE I use firefox on my personal computer and I have noticed the tool tips doing it on there. but as soon as I can get on my site I'll test it.

 I'm not real big on building skins as of right now but if you would like some custom graphics done for your site I am more than willing as long as I have the time. -\-PhrozenStudios-/-
Back to the top
 
Posted
Rating:
#37667
Avatar

Community saint

I just tried it and there was no change.

 I'm not real big on building skins as of right now but if you would like some custom graphics done for your site I am more than willing as long as I have the time. -\-PhrozenStudios-/-
Back to the top
 
Posted
Rating:
#37668
Avatar

Can I confirm you're using our fixed width code?

Also, does the same problem happen in Firefox, or is it a different problem?

Thanks.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#37669
Avatar

Community saint

Yes, it is the fix width code from the tutorial.

Yes, the same problem happens in firefox just verified it.

 I'm not real big on building skins as of right now but if you would like some custom graphics done for your site I am more than willing as long as I have the time. -\-PhrozenStudios-/-
Back to the top
 
Posted
Rating:
#37691
Avatar

I wasn't able to reproduce this, but I'm not sure exactly how your theme is set up. I need a full copy of your theme to test on.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#37723
Avatar

Community saint

I can't download the .tar file here at work but as soon as I get off work I will send it your way. Thank you for going out of your way to help me, its greatly appreciated.

 I'm not real big on building skins as of right now but if you would like some custom graphics done for your site I am more than willing as long as I have the time. -\-PhrozenStudios-/-
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: