Need to fix the column size.

Posted on 2007-09-27
Last Modified: 2012-06-22

I have some content which is retrieved from the database and is populated in a column. But when the data is being populated the column increases horizontally which causes the user to scroll horizontally. Is there a way in HTML so that i could get the content in the column into a new line. I have fixed the length of the column but that does not seem to work. Thanks for your suggestions.

Question by:manojpotla
    LVL 29

    Expert Comment

    do you mean you have fixed the *width* of your column?
    Try fixing the width of your table too. If it is set to 100% or lower then you should have no horizontal scrolling.
    I'm assuming you are using an html table (for your columns) as opposed to an gridview - either way set the width of the table/div/gridview to 100% or lower.
    LVL 1

    Accepted Solution

    You can use
    <tr><td style="WORD-BREAK:BREAK-ALL"></td></tr>
    The style WORD-BREAK:BREAK-ALL so that the horizontal scroll bar wont come.

    Featured Post

    Do You Know the 4 Main Threat Actor Types?

    Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

    Join & Write a Comment

    Both Easy and Powerful How easy is PHP? (  Very easy.  It has been described as "a programming language even my grandmother can use." How powerful is PHP?  http://en.wikiped…
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
    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…

    734 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

    18 Experts available now in Live!

    Get 1:1 Help Now