4 replies [Last post]
porkchop-sandwiches
porkchop-sandwiches's picture
Offline
newbie
Last seen: 3 years 42 weeks ago
Timezone: GMT-7
Joined: 2010-06-30
Posts: 3
Points: 4

Big smile

Hay guise!

Sorry I'm a newb however I made this site for my work using JQuery, CSS www.nextsolarystems.com/NewSite/Products.php

Problem:
The JQuery vertical accordion menu was working great until I made some kind of change that now makes the page jump 8 pixels to the left if the accordion extends beyond the bottom of the page.

Any veterans out there that can help me solve this issue?

Much appreciated,
Party Tommy

CupidsToejam
CupidsToejam's picture
Offline
Guru
Waco, TX
Last seen: 2 years 12 weeks ago
Waco, TX
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

broken link

broken link

Puzzled


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

porkchop-sandwiches
porkchop-sandwiches's picture
Offline
newbie
Last seen: 3 years 42 weeks ago
Timezone: GMT-7
Joined: 2010-06-30
Posts: 3
Points: 4

BAAAh

porkchop-sandwiches
porkchop-sandwiches's picture
Offline
newbie
Last seen: 3 years 42 weeks ago
Timezone: GMT-7
Joined: 2010-06-30
Posts: 3
Points: 4

Wooo Hooo I Figured it

Wooo Hooo I Figured it out.

Apparently my "CSS JQuery" problem was an aged old problem where the existence of a scrollbar causes the page to jump around:

http://www.webmasterworld.com/forum119/189.htm

I fixed it by adding:

html {height: 100%;} 
body {min-height: 101%;} 

to the top of my sitestyle.css, forcing the browser to include a scrollbar even when it is not necessary.

While not an ideal solution I would rather have a scrollbar in existence at all times than have my precious page location jump around as the page gets longer/shorter.

WIN!
Wink

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 hour 23 min ago
Victoria British Columbia
Timezone: GMT-7
Joined: 2005-12-14
Posts: 3569
Points: 674

You've got an unclosed P

You've got an unclosed P element which is illegal in xhtml. Maybe that is screwing up javascript's ability to parse the tree properly. Just a guess.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.