clear:all funktioniert nicht?

[Konrad Rudolph]

display: hidden; gibt es nicht.

*gmrl* ist wohl schon zu spät für mich ;)
display: none meine ich natürlich.

trotzdem - es klappt bei mir irgendwie nicht. Ich poste mal den Originalcode, leider ein wenig unübersichtlich, da von einem PHP-Script generiert und ähm, irgendwie vermasselt der mit da was.

\\ <h2>Latest News</h2>
<div id="news-container">
    <div id="news">
        <span class="news-title">
            <a href="javascript:toggle_news('news1')">
                New Section: Others
            </a>
        </span>

<span class="news-date">
            30/06/2003
        </span>
        <div class="hidenews" id="msg_news1">
            <span>
                Added a section for programming languages other than VB (and .net).
            </span>
            <hr />
        </div>
        <span class="news-title">
            <a href="javascript:toggle_news('news2')">
                <bf>-Tag Works
            </a>
        </span>
        <span class="news-date">
            30/06/2006
        </span>

<span class="spacer"></span>
        <div class="hidenews" id="msg_news2">
            <span>
                Support for automatic BF code formatting added.<br />
The site has now VB, C and BF code formatting.
            </span>
            <hr />
        </div>
        ....
    </div>
</div>
///

und CSS:

\\ #news-container, #news-container-wide{
    border: none;
    margin:0 auto;
    text-align: center;
    width: 330px;
}

#news-container-wide{
    width: 500px;
}

#news{
    background-color: #E9E4DC;
    border: 1px solid #B6BDD2;
    padding: 7px;
    text-align: left;
}

#news .news-title{
    float: left;
    text-align: left;
    width: 80%;
}

#news .news-date{
    float: right;
    font-size: 11px;
    text-align: right;
    width: 20%;
}

#news .shownews{
    clear: both;
}

#news .shownews span{
    border: 1px dotted #B6BDD2;
    clear: both;
    display: block;
    margin: 2px;
    padding: 2px;
}

#news .shownews hr{
    border-top: 1px dashed #14246A;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}

#news .hidenews{
    clear: both;
    display: none;
}

#news span.spacer{
    clear: both;
    display: block;
    height: 0;
}
///

den <span class="spacer"> habe ich jetzt hinzugefügt, weil der sonst auch im Mozilla den #news-div nicht bis nach unten durchzieht, sondern nur eine Zeile hoch anzeigt und die spans ragen dann darüber hinaus.

Gruß,
KonRad -