Solved

Setting max-height causing large text to show up in padding area

Posted on 2016-09-11
1
50 Views
Last Modified: 2016-09-19
HI,
I am attaching an html file :
In this there are two entries... And the text part in each entry i have set max-height to be 60px..
In the first one as the height is < 60px the padding area which is empty area just under the text shows up.
whereas in the next entry since the height of text is more than 60px . The text is getting overlapped over the padding area.

How can i prevent this...I want to show max text of 60px in this area followed by the empty padding area no matter what the size of text is.

Thanks
Archive.zip
0
Comment
Question by:Rohit Bajaj
1 Comment
 
LVL 9

Accepted Solution

by:
Shahid Thaika earned 500 total points
ID: 41793286
In the div where you have set 'max-height: 40px;', also set overflow to either hidden or auto;

style="max-height: 40px;overflow: hidden;"
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Google Maps API and PHP 25 34
css selector 1 17
ASP server side get value 15 24
If condition on Html with Asp 11 18
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

831 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