4 replies [Last post]
porkchop-sandwiches
porkchop-sandwiches's picture
Offline
Last seen: 2 years 47 weeks ago
newbie
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
Last seen: 1 year 17 weeks ago
Guru
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
Last seen: 2 years 47 weeks ago
newbie
Timezone: GMT-7
Joined: 2010-06-30
Posts: 3
Points: 4

BAAAh

porkchop-sandwiches
porkchop-sandwiches's picture
Offline
Last seen: 2 years 47 weeks ago
newbie
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
Last seen: 4 weeks 4 days ago
Guru
Victoria British Columbia
Timezone: GMT-7
Joined: 2005-12-14
Posts: 3566
Points: 671

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.