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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Spacing between <li> 3 22
Custom CSS for Bootstrap Nav Bar 3 33
jQuery CSS Scroll Issue 3 35
Gradient CSS 4 14
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…

760 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

20 Experts available now in Live!

Get 1:1 Help Now