Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Part 2 - Removing Scrollbars from a popup

Posted on 2014-04-01
4
Medium Priority
?
181 Views
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.  

Thanks

Rowby
0
Comment
Question by:Rowby Goren
[X]
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
4 Comments
 
LVL 4

Accepted Solution

by:
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;"
0
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39970969
Thanks ravikantninave

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

Rowby
0
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39970998
Hi

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.

Thanks!

Rowby
0
 
LVL 9

Author Closing Comment

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

Featured Post

Industry Leaders: 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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
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.…
Suggested Courses

604 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