Liquid widths

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
I need a way to have the width of a div automatically equal the inner


<div class="botstrip" id="aboutstrip" style="display: none;">
<a href="#">About 1</a><p>|</p><a href="#">About 2</a><p>|</p><a
href="#">About 3</a></div>


div#pagewrapper div.botstrip a {
    padding-left: 10px;
    padding-right: 5px;
    color: #091A86;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;

div#pagewrapper div.botstrip p {
    padding: 0;
    margin: 0;
    display: inline;

I set the display: none because I will unhide it later.

In Firefox, it works perfectly, and the <div> is only as wide as the
containing elements. In Internet Explorer, the <div> expands to the
width of the container.When I try to set width: 0px, which would
normally work, it breaks up the containing elements onto separate


Re: Liquid widths

With neither quill nor qualm, Yehuda Katz quothed:

Quoted text here. Click to load it

Normally a div does not expand to its content.  Use a table.

Contrary to popular belief, it is believable.

Site Timeline