My div seems to be overflowing and the page seems to be a set size?

[PineSmokes]

I'm working on applying my template, which obviously isn't a very good template if I can't just copy it freely lol, to my new test contact.php page.  The issue is it overflows on the right side, secondly it also seems to cause the page to not be scrollable or it's making the page a specific size?  I'm using my surface pro to develop at the moment so the small screen size is allowing me to see the not able to scroll issue quite easily.  What it's doing specifically is cuttin off the rest of the page, I can't scroll to the bottom. This is a separate issue from the overflow I would assume but assuming is bad so maybe they are the same issue.  If anyone could assist me in locating my issues that would be awesome it's been taking me a bit to figure this out.

 

The main working page is: http://www.golden-wand.com

 

The test contact php page is:  http://www.golden-wand.com/members/contact.php

 

Main focus:  Overflow on the right side at the contact.php page

[PineSmokes]

The issue that seems like a CSS issue is the fact I can't even scroll on the surface pro that I'm on, the entire page becomes one size and cuts off so I can't see the bottom bar or anything on the bottom half.  This isn't an issue on the main index.html page but it is an issue on the contact.php page that I'm attempting to make.

[PineSmokes]

Ahhhhhh, reading is key, here's my proof I own the site  Sorry about that, was writing that on my surface last night didn't have time to scan the forum for important posts, hers' my link.

 

http://www.golden-wand.com/phpfreaks.txt

[PineSmokes]

Ok so now that I got my localhost working again I can see the page on my main computer with a normal screen size and it gives me a little more information on what is going wrong.  When I load an html page on my phone or surface I can't swipe anywhere.  I have a feeling one of my div's is filling the page creating an overlay so nothing is clickable.  Who knows I may find it before I get a response here but if someone could point it out I would appreciate it

Edited November 8, 2015 by PineSmokes

[PineSmokes]

Made a lot of progress (at least for me hah) I reworked the entire page to use percentages.  While doing so I messed the page up a little tiny bit.  The "fullContainer" class is what should be centered but it's not anymore and the "full" id for the bottom bar doesn't line up properly anymore I can't seem to figure that out either.  I've been messing with it for a while now not sure what's up with it.  If someone could reply pointing out how to fix either of these issues I would be very pleased

 

I'm not sure what this sites best practices are so I'll post the live links to the test page, the correct page (before switching to percentages), and the style sheets for each as well as uploading the test page and it's test style sheet.

 

Working Page:  http://www.golden-wand.com/index.html

     Style Sheet:   http://www.golden-wand.com/Pages/styles.css

                             

Test Page:   http://www.golden-wand.com/members/contact-test.php

     Style Sheet:   http://www.golden-wand.com/members/styles.css

contact-test.php

styles.css

[PineSmokes]

Well, I guess another 45 minutes of work got it figured out.  Guess it's back to the php half of this page, it's pretty much done but now I need to go debug both the login and signup code.  Thanks for all the help, really appreciate it    I think my issue was with one of the classes not having margin-left:0; margin-right:0 then setting the actual div itself that was containing that div to center.  I was skipping the whole centering the div itself, I thought I could work 100% out of the CSS but I guess I was mistaken.  I also ended up throwing the bottom bar on the outside the next div and removed almost all the styling from inside that class, seemed to help after removing some styling.