fixed and absolute problems on side div tags

[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

[Shikkediel]

I think it’s the 200px margin on .indexPageContent doing that. Line 1198 of main.css, inside the media query. Something like margin: 80px 0 20px 200px would probably suit better.

[Author]

Posts