3 replies [Last post]
Pinago
Pinago's picture
User offline. Last seen 34 weeks 4 days ago. Offline
rank Regular
Regular
Timezone: GMT-4
Joined: 2010-02-18
Posts: 49
Points: 66

Hi, I am working on a site, and the menubar on the index page positions correctly, but the gallery pages it seems like the position:relative; is not working. It looks more like absolute positioning or that it's outside the main container div because the bottom menu bar will not shift with the centered page... I don't see an extra div that would take the menuBottomGallery div outside the container, and it's all positioned relative in my stylesheet... any ideas why it's displaying this way??

Link:
www dot wrapitboston dot com

Thanks,
Peter

CupidsToejam
CupidsToejam's picture
User offline. Last seen 2 weeks 22 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

thats because you have

thats because you have #menuBottom with left: 20px, but #menuBottomGallery has left: 120px. Make it match the 20px from the first page


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

Pinago
Pinago's picture
User offline. Last seen 34 weeks 4 days ago. Offline
rank Regular
Regular
Timezone: GMT-4
Joined: 2010-02-18
Posts: 49
Points: 66

menuBottom

When I change that to the same on both pages, the bar shifts over to the left too far, .... I will try again. Thanks

Pinago
Pinago's picture
User offline. Last seen 34 weeks 4 days ago. Offline
rank Regular
Regular
Timezone: GMT-4
Joined: 2010-02-18
Posts: 49
Points: 66

Still not working

See the page... bottom menu bar stays stationary still, and does not shift so the menu buttons are to the left...