Part 2 - Removing Scrollbars from a popup

Posted on 2014-04-01
Last Modified: 2014-04-01
Hello all

This is a continuation from an earlier question.  

The original question had lots of twists and turns -- so now it's down to one issue.  Scrollbars.

Please go to this test url:  Test url

Click on the the main menu "Login Modal test" and a modal will pop up. It's fine.  

However if you put in a user name and password, and click LOGIN at the bottom of the box, the words "Login Failed" show up.  At that point a scroll bar will appear.

I need to lose the scroll bar.  

Hopefully with the scroll bar, the popup will be perfect.  


Question by:Rowby Goren
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3

Accepted Solution

ravikantninave earned 500 total points
ID: 39970328
Better you extend the vertical space.  Whenever you shows the error Login Failed it add up 1 more line which is not sufficient to fit with your height.

Second option is use
<table width="260" border="0" align="center" cellspacing="0" cellpadding="0" style="line-height: 15px;"

Author Comment

by:Rowby Goren
ID: 39970969
Thanks ravikantninave

I will be trying out your solutions either later tonight or in the morning.


Author Comment

by:Rowby Goren
ID: 39970998

I used your suggestion to troubleshoot the issue, and made the image a few pixels smaller.

It got rid of the scrollbars.

(I couldn't change the table because the login form itself is hosted elsewhere --and changing the html of the table would not be easily done.



Author Closing Comment

by:Rowby Goren
ID: 39970999
thanks for troubleshooting this for me!

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question