ABSOLUTE div screwing up the works. HELLPPP!

[drotar]

i am working on a website, http://www.weedmediadesign.com i am using adobe edge for animations on the left and right side of the page

.indexPageLeft weed media design

.indexPageRight featuring

they are part of the div .indexPageContent.

what i want is for .indexPageLeft (weedmediadesign) to be fixed and the indexPageRight (featuring) to be absolute so that it scrolls with the page.

for some reason it works perfectly with the media query 1280 (PLEASE RESIZE YOUR SCREEN FROM 769 TO 1280 TO SEE IT IN ACTION)
but on the media queries 769 and 1024 it just repositions itself in the center of the screen. I cannot figure out what is causing this. your insights would be greatly appreciated. i checked to see if it was an overflow problem on the smaller media queries but it is not. it is perfectly proportional. ( i did this by adding background colors to each of the div tags to test to make sure -they are equally proportional on all media queries. your thoughts please….

the gist.github code link is https://gist.github.com/anonymous/b72e528499e4db6a3d02

[drotar]

SOLVED: thank you Shikkediel you were spot on with your incredible brilliance of:

I think it’s the 200 pixels margin on .indexPageContent doing that. Line 1198 of main.css, inside the media query.

fixed everything. thank you again.

drotar

[Shikkediel]

Glad to help, I tried to figure it out the first time (here) as well but had to take a second swing at it to actually see what was going on.

[Author]

Posts