- Posts: 163
- Thank you received: 1
Bottom Image Keep Centered?
13 years 10 months ago #20699
by maryswave
Bottom Image Keep Centered? was created by maryswave
on larger widescreens the bottom image scrolls to the left. can that be stopped, I tried a few things but could not make it stop.
Please Log in to join the conversation.
13 years 10 months ago #20716
by milos
Replied by milos on topic Bottom Image Keep Centered?
Please give us link so we could check this.
Please Log in to join the conversation.
13 years 10 months ago #20720
by maryswave
Replied by maryswave on topic Bottom Image Keep Centered?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Offline
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 10 months ago #20721
by ivan.milic
Replied by ivan.milic on topic Bottom Image Keep Centered?
It look ok, what browser do you use?
Please Log in to join the conversation.
13 years 10 months ago #20739
by maryswave
Replied by maryswave on topic Bottom Image Keep Centered?
It does not matter what browser you use it matters what screen size. I borrowed a friend's computer with a large wide screen and the bottom image scrolls to the left on that screen. Also in my laptop wide screen if I press ctrl and - the screen will shrink and the image scrolls to the left. It does the same in Google Chrome and Firefox.
the seafloor div has this code when using Firebug:
.seafloor {
background: url("../images/bottom_bg.png") no-repeat scroll 0 0 transparent;
padding-top: 120px;
}
I can not find where the scroll is coming from
the seafloor div has this code when using Firebug:
.seafloor {
background: url("../images/bottom_bg.png") no-repeat scroll 0 0 transparent;
padding-top: 120px;
}
I can not find where the scroll is coming from
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Offline
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 10 months ago #20743
by ivan.milic
Replied by ivan.milic on topic Bottom Image Keep Centered?
Open layout.css , find:
.seafloor {
background: url(../images/bottom_bg.png) no-repeat;
padding-top: 120px;
}
add overflow:hidden; property like this:
.seafloor {
background: url(../images/bottom_bg.png) no-repeat;
padding-top: 120px;
overflow:hidden;
}
.seafloor {
background: url(../images/bottom_bg.png) no-repeat;
padding-top: 120px;
}
add overflow:hidden; property like this:
.seafloor {
background: url(../images/bottom_bg.png) no-repeat;
padding-top: 120px;
overflow:hidden;
}
Please Log in to join the conversation.
Time to create page: 0.209 seconds