Why isn't Internet Explorer showing a table column at 100% width?

Posted on 2009-04-16
Last Modified: 2012-05-06
On this site here: there is a green bar right below the navigation. In Firefox, this bar extends to 100% width of the body, in IE, it only extends to about 90%.

Here is where it is called in the HTML:

<td class="XSP_MAIN_PANEL_HEADER"><p>&nbsp;</p>


The style for that is:


{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 10px; BACKGROUND-COLOR: #228B22; WIDTH: 100%; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;PADDING: 0px 0px;}


{FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;}

Open in new window

Question by:flnazrael
    LVL 4

    Accepted Solution

    In your XSP_CENTER_PANEL class, take out the width:900px; and I think it works.
    LVL 42

    Expert Comment

    by:David S.
    Remove the width declaration from the "TD.XSP_CENTER_PANEL" rule.

    Are you aware that the code in that page does not follow modern recommended coding practices?
    LVL 3

    Expert Comment


    Try this by replacing this particular css.

    TD.XSP_HEADER_PANEL{BACKGROUND-COLOR: #000000;HEIGHT: 130px;BACKGROUND-IMAGE: url('images/Head-shade.jpg');PADDING: 0px;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;VERTICAL-ALIGN: top;}


    aslo add

    p {
       padding: 0 5px 0 0;

    LVL 4

    Expert Comment

    Will you at least award the points before deleting the question?

    Author Comment

    Yes, I will be glad to do that, I just didn't think it would let me. So I can award then delete?

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    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.

    "I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
    When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
    In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

    759 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

    14 Experts available now in Live!

    Get 1:1 Help Now