Part 2 - Removing Scrollbars from a popup

Posted on 2014-04-01
Medium Priority
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 2000 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

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

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

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses
Course of the Month14 days, 14 hours left to enroll

771 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