Horizontal Scroll Apeearing for No Reason

Hi Experts,

In the attached you will see that I am working with a width of 1500px, and on my monitor which is set to 1680 x 1050, I can see the full area plus some gray border, which is what I want. However, I also get a horizontal scroll, but I cannot see any thing outside of my 1500px width.

Any ideas?
Details.htm
main.css
reserv-details.css
APD TorontoAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
Details.htm is orginally a PHP file because I can see all the error notices in it.  You might want to clean that up first so at least the file is what it is supposed to be.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Julian HansenCommented:
Tried with the errors in the page - no scroll bar is seen.

Do you have a link we can look at?
0
Dave BaldwinFixer of ProblemsCommented:
Note that I would always see a horizontal scroll bar because my screen is only 1280px wide.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

APD TorontoAuthor Commented:
Julian, can you send a screenshot please
0
APD TorontoAuthor Commented:
Dave, the php errors shouldn't matter to the topic
0
Dave BaldwinFixer of ProblemsCommented:
That may be true but I can't tell that from here.
0
Julian HansenCommented:
Screen shot attached.screen shot
0
APD TorontoAuthor Commented:
julian, did you download both css files?

Attached is what I see on my end, but the funny thing is this is only happening in Firefox, but in Chrome and Safari its fine.
Details.jpg
0
Dave BaldwinFixer of ProblemsCommented:
I hadn't noticed before... but when you upload a file with an underscore to EE, it changes it to a '-'.  This will cause the file to not be recognized under the original spelling.
0
Julian HansenCommented:
Yup definitely did - you can see my version here http://www.marcorpsa.com/ee/t798.html

However, my screen might be bigger than yours and I suspect the width=1500px on line 19 of main.css might have something to do with it. My screen is much wider than 1500px - so if I bump that up to 1800px I get a scroll bar.

Try taking that out - make your width: 100% instead.
body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    width: 1500px;  /* <------ THIS ONE */
    min-height: 800px;
    margin: 10px auto;
    border: 2px solid black;
    background-color: white;
    padding: 20px 10px;
}

Open in new window

0
Julian HansenCommented:
@Dave, that is why I cut and paste from the browser to a file and then  name it as per the post. I also check in view page source to check the files are loading Lost several hours on that already.
0
APD TorontoAuthor Commented:
julian, I just did a view source from  your link and the second CSS is not available on line lucky #13, that is why you are not seeing what I am.

As well, I am using my main.css in other pages and I do not get the scroll.
0
Julian HansenCommented:
Yup, that's a clear indication I should have hit the sack 2 hours ago. Even after Dave pointed out the issue with the names I go and get it wrong.

As it turns out Dave solved it with his first post - it is in the PHP errors in the value and onlick attributes of the
                    <input type="button" id="btnCombo" name="btnCombo" class="buttons"

Open in new window


Take out those errors and your scroll bars should disappear.

If that solves it - please award points to Dave.
0
Julian HansenCommented:
I updated the online version - you will see .css is correct and no scroll bars - only difference is missing PHP error as described above

http://www.marcorpsa.com/ee/t798.html
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.