Container does not stretch beyond window width

Question

I am suffering the same problem another StackOverflow user asked here: link. The solution was to use the following CSS on the container (div):

display:table;
width:100%;

However, I have a border at the bottom of my div and now there is a gap between the content of the div and the border.

Does anyone know how to remove this gap?

Edit:

The CSS of the container:

background-image:url('images/header.jpg');
background-repeat:repeat-x;
border-bottom-color:black;
border-bottom-style:solid;
border-bottom-width:5px;
font-size:small;
font-weight:bold;

It may also be worth me adding that inside this container is another div with the following CSS:

#header
{
clear:both;
height:50px;
margin-left:auto;
margin-right:auto;
width:900px;
}

#header > *
{
float:left;
}

And some HTML:

<div id="header-container">
    <div id="header">
    </div>
</div>

is your table in absolute positon or your div? can you put some html and CSS for best understanding? — Manuel Choucino, Sep 16 '12 at 01:45
Added the CSS (excluding the 'display' and 'width' properties) of the container. — TheBoss, Sep 16 '12 at 01:50
in your header CSS I see there is the ; missing at the end of your height. — Manuel Choucino, Sep 16 '12 at 02:01
I tried adding more height to the header but the problem remains - the header just gets larger but the gap remains the same. — TheBoss, Sep 16 '12 at 02:02
Oh that missing ; is not in the code. I must have accidentally deleted it whilst editing the post. — TheBoss, Sep 16 '12 at 02:04
Can you put a screenshot or a link where I can see, it. On my side the only thing I can see is a black line. it is hard to see the gaps in my imagination :) — Manuel Choucino, Sep 16 '12 at 02:08
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/16737/discussion-between-manuel-choucino-and-theboss) — Manuel Choucino, Sep 16 '12 at 02:30
I found the solution to the problem - I had an inline element within the child div and that was causing it to be pushed down (an invisible gap) which I suppose was created from the line height. — TheBoss, Sep 16 '12 at 03:16

score 0 · Answer 1 · answered Sep 16 '12 at 01:45

0

Try adding this:

border-collapse: collapse;
border-spacing: 0;

answered Sep 16 '12 at 01:45

gilletty

902
8
8

Container does not stretch beyond window width

1 Answers1