View Full Version : Drop down/Overlapping menu positioning

Richie P
05-19-2007, 02:37 AM
1) Script Title: Drop Down/ Overlapping Content

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

3) Describe problem: I have this template on my forum, which uses your script to display the 'Search' (and 'Quick links') menus when clicked.

The forum itself is an SMF forum, wrapped inside a Joomla site using the SMF bridge. The Joomla site in constrained to a 1024px width for compatibility, but when accessed directly the forum will spread to the full width of the browser (1680px for me). The problem is, that the script seems to detect the 1680px width of the browser instead of the 1024px width site, but then positions the overlapped boxes as if the forum was 1680px width and therefore wrongly.

Solution 1: Is there a way I can change the coding so that it detects the 1024px constraint and positions the boxes accordingly? Or more likely..

Solution 2: How do I manually shift the boxes left by say 200px?


Richie P
05-22-2007, 03:11 AM
Bump? :confused:

Please people :)

05-22-2007, 03:48 AM
Hmm... that's tough. Relative to the content but seperate positioning. You could try a frame, but that would make things weird.
I can't think of a more creative solution at the moment.

Richie P
06-12-2007, 01:20 AM
Give this a little bump as I'm still stuck for a solution...

Forum link:

Or without the Joomla wrapping -

With the wrapped forum, the larger the horizontal screen resolution, the further the menu's are off (<1280px is ok), but with the unwrapped forum, the menu's are fine whatever the resolution.

As the forum width isn't flexible, is it possible to position the menu's relative to the centre point in the screen?

Centre = Horizontal resolution / 2
Search position = Centre - 100px
QuickLinks position = Centre + 300px

Richie P
07-03-2007, 11:57 AM
Come on guys?!

Seriously no way of doing this:

Centre = Horizontal resolution / 2
Search position = Centre - 100px
QuickLinks position = Centre + 300px