We use cookies to provide you with a better experience. If you continue to use this site, we'll assume you're happy with this. Alternatively, click here to find out how to manage these cookies

hide cookie message
Contact Forum Editor

Send an email to our Forum Editor:

PLEASE NOTE: Your name is used only to let the Forum Editor know who sent the message. Both your name and email address will not be used for any other purpose.

Tech Helproom

It's free to register, to post a question or to start / join a discussion


HTML Layout moves on certain pages


Likes # 0

Hi All,

I'm new to web-design and in the process of making my 1st website, and come up against this problem that has me baffled.

My site is designed with a CSS stylesheet for the layout and menu buttons, the code is mostly in html, but i have a members area and log-in which is coded in php.

The problem i am having, is adding a PayPal button to one of the pages.

It doesn't matter where in the code i put the button, the whole page moves when you display it (Shifts to the right about 1cm)

The entire page moves, all is alligned correctly and the layout the same and i have no idea why!

I've tried everything from changing the margins and widths in the CSS which makes the layout worse and i lose menu's or the layout changes on all pages

Every page except this one displays the same, the layout is fine.

I don't know how to explain it, but its annoying seeing this one page move when the page loads.

Any help would be appreciated.


Like this post
Forum Editor

Likes # 0

When you insert the code, have you looked at the page in Design mode in your site design software? Once the code is in the page you should be able to use design mode to move the button to an exact position, and keep it there. Then you can sort out any small design alterations with the rest of the page content.

It's usually a pretty straightforward procedure.

Like this post

Likes # 0

Thanks for your reply,

I've gone from design mode, and back to code over and over, spent hours on this one page

I've moved the boxes around, changed (added and removed) tags and all it does is screws up the page more.

I managed to get it inline by making a copy of the CSS sheet just for this one page, and adding a 17px margin to the left in

This fixes the moving issue slightly, but only in some resolutions so its just a temporary fix

Like this post
fourm member

Likes # 0

If the site is live, post a link and I'm sure someone will be able to spot what's happening.

Like this post

Reply to this topic

This thread has been locked.

IDG UK Sites

Windows 10 release date, price, features UK: Staggered release with PCs coming first this summer -...

IDG UK Sites

In defence of BlackBerrys

IDG UK Sites

Why we should reserve judgement on Apple ditching Helvetica in OS X/iOS for the Apple Watch's San...

IDG UK Sites

MacBook Pro 15in preview: better battery life, faster storage and a new discrete graphics chip may...