Jump to content
Sign in to follow this  
PineSmokes

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 by PineSmokes

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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  ;D  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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.