Home › Forums › CSS › trying to place the left hand side animation all the way over to the left side
- This topic is empty.
-
AuthorPosts
-
August 29, 2014 at 11:40 am #181069drotarParticipant
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!!!August 29, 2014 at 11:55 am #181070Paulie_DMemberThere’s an awful lot of inline CSS in there…
August 29, 2014 at 5:37 pm #181106drotarParticipantjust 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
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.