Pages shifting to the left - Post ID...

User 2648297 Photo


Guest
21 posts

Dispite a brief panic when the old website ceased to exist and the new one failed to load, the new site is finally up and running :D A massive thank you to all of you kind folks who have answered my idiotic questions along the way.

However, I am still experiencing the site shifting to the left on pages that use colorbox (they gain a scroll bar that makes the page resize slightly). Does anybody know how I can stop this from happening?

The link is: http://ddplimited.co.uk/
I'm not entirely happy with the splash page, but it is what the boss wanted so that's what we've got.
User 603315 Photo


Registered User
938 posts

zinc wrote:
Dispite a brief panic when the old website ceased to exist and the new one failed to load, the new site is finally up and running :D A massive thank you to all of you kind folks who have answered my idiotic questions along the way.

However, I am still experiencing the site shifting to the left on pages that use colorbox (they gain a scroll bar that makes the page resize slightly). Does anybody know how I can stop this from happening?

The link is: http://ddplimited.co.uk/
I'm not entirely happy with the splash page, but it is what the boss wanted so that's what we've got.


Well done, the colorbox is working fine in my browser [Chrome] but yeah tell your boss G'kar says to get rid of that splash page. Goodness, I couldn't see where it said enter, until I realized that I had to scroll and it takes to long to load, which most viewers don't want to hang around. Apart from that you made a top job.:cool:
User 187934 Photo


Senior Advisor
20,271 posts

It's in this code that you have inserted. The padding:0 10px;:)
<!--html inserted by user -->
<style type="text/css">

body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;}

a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:none;}

h2{font-size:13px; margin:15px 0 0 0;}

</style>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2648297 Photo


Guest
21 posts

Thanks G'kar.

Thanks Eric, I guess that's what happens when you just copy and paste code. Do I need to change the padding value (to 0px?) or can I simply delete the entry altogether?
User 187934 Photo


Senior Advisor
20,271 posts

I would make it 0 for now.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2088758 Photo


Senior Advisor
3,121 posts
Online Now

Excellent job zinc! I do have to agree with G'kar. I would get rid of that opening sequence as it is very annoying especially if I was in a hurry or on a mobile device trying to get quick contact information or something. I would hate to have to wait for that introduction every time I visit the site. If you don't get rid of it all together at least put a Skip Intro link somewhere convenient.

But overall the site is very attractive well done!
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2648297 Photo


Guest
21 posts

Thanks guys.
The front page is just an animated gif on a button, so you can click on it to proceed at any time, although I appreciate that this is not made clear to a viewer so I'll look at addressing that when I get time. Well, assuming I can't brow-beat the boss into dropping it altogether of course ;)
User 603315 Photo


Registered User
938 posts

zinc wrote:
Thanks guys.
The front page is just an animated gif on a button, so you can click on it to proceed at any time, although I appreciate that this is not made clear to a viewer so I'll look at addressing that when I get time. Well, assuming I can't brow-beat the boss into dropping it altogether of course ;)


Oh why didn't I look into the source code and see it was an animated Gif and that one could click on at any time :D:lol: You made a great job but that needs to go, it's in no way clear that you can click at any time and even if it was, it's still wrong. We live now where things have to load quick, in fact we have always lived in those times. I think studies suggest if a site doesn't load in under 3 secs people will go somewhere else.
User 2147626 Photo


Ambassador
2,958 posts

You also just need to make ALL the pages slightly smaller and that scroll bar will go away. At least on my monitor. I think I saw where the page size is 768. Looking at your designs you could easily drop that to 700, or maybe smaller, and there should be no scroll bar.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 38401 Photo


Senior Advisor
10,951 posts

Another suggestion on the scroll bars would be to at least make all the pages the same length or similar length. That way they will either "all" have a scrollbar or "none" have a scrollbar so they will react the same. Then you won't have a page or 2 jumping left and when the scrollbar shows up. :)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.