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
  • 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
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…

914 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now