Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS trying to place the left hand side animation all the way over to the left side

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #181069
    drotar
    Participant

    i have a responsive site using backstretch and i’ve run in to kind of a problem. i just checked on the large screens and the animation that reads “BJOIN FILMS
    food & beverage (an edge animation) for some reason stops far short of the left edge of the browser window where i would like it to be.

    please visit the test site i set up; http://www.bjoinfilms.com/testBS2/

    I built it using a Main DIV TAG called

    .pageContent {
    margin: 80px 10px 20px 10px;
    }

    with 3 div tags inside of it:

    .indexPageVideoLeft {
    display: inline-block;
    float: left;
    width: 17%;
    background-color: rgba(255,5,9,.0);
    height: 568px;
    }
    #bjoinList{
    display: block;
    width: 100%;
    height: 100%;
    }

    .indexPageVideoCenter {
    display: inline-block;
    float: left;
    width: 67%;
    background-color: rgba(255,239,0,.00);
    height: 200px;
    }

    .indexPageVideoRight {
    display: inline-block;
    /display: none;/
    float: right;
    width: 16%;
    background-color: rgba(35,255,0,.0);
    height: 570px;
    }

    #bjoinFilms{
    display: block;
    float: right;
    width: 100%;
    height: 100%;
    /*border: 1px solid black; */
    }

    i thought by doing it this way it would make the #bjoinFilms animation on the left side always be 10px from the left edge of the screen.

    obviously not. what do i need to do to accomplish this please?
    my question for the day. thank you again for all your help and advice from my previous inquiries. you are all great!!!

    #181070
    Paulie_D
    Member

    There’s an awful lot of inline CSS in there…

    #181106
    drotar
    Participant

    just discovered. the problem here isn’t with the code, it has to do with the edge animate element centering automatically when the page is stretched out. even though i gave it a float right, the animation still centers. i as well went back into the animation to make sure i didn’t have it centered (which i didn’t). to fix it i changed the width on the indexPage1Right to 6% rather than the original 15%

    this fixed it. not perfectly, but i did discover what was causing it. thank you for taking the time

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.