clear:both Problem

[der_meier_hans]

Hi!

Mal wieder ein IE Problem. Im FF wird alles korrekt angezeigt.
4 Bilder sollen pro Zeile angezeigt werden.
Prüfe mit Smarty auf Gesamtanzahl.

so:

<ul id="uflist">
{foreach item=fr from=$featured name=feuf}
{assign var=i value=$smarty.foreach.feuf.iteration}

    {if $i <= 12}
    <li class="uf" style= "width:100px; {if $smarty.foreach.feuf.index % 4 == 0}clear:both;{/if}">
      <span>{$i}</span>
      <div class="pic" style="height:82px; text-align:center"><a href="/people/{$fr.user}" 
title="Zum Profil von {$fr.user}">
            {if $fr.filename}
                 <img src="/static/uf/80/{$fr.filename}" alt="{$fr.user}s Avatar" />
            {elseif $fr.************ === '1'}
                <img src="/static/img/dummy_male_80.png" alt="Junge" />
            {elseif $fr.************ === '0'}
                 <img src="/static/img/dummy_female_80.png" alt="Mädchen" />
            {else}
                <img src="/static/img/dummy_neutral_80.png" alt="sowas" />
            {/if}
        </a></div>
        <ul>
            <li><a href="/people/{$fr.user}">{$fr.user}
</a></li>
            <li>Aktivität: {$fr.activity}</li>
        </ul>
    </li>
    {else}
    <li class="ufa" >
        <ul>
            <li><span>{$i}.&nbsp;</span><a href="/people/{$fr.user}">{$fr.user}</a>
            Aktivität: {$fr.activity}</li>
        </ul>
    </li>

    {/if}
    
{/foreach}
</ul> 

Im IE werden 6 Bilder pro Zeile dargestellt.

#uflist .uf {
    display:block;
    float:left;
    border:solid 1px #ededed;
    margin:8px;
    padding:2px;
    width:100px;
}
#uflist .uf .thickbox {
    display:block;
    padding:4px;
    text-align:center;
}
#uflist .uf ul {
    list-style-type:none;
}
#uflist .uf span {
    display:block;
    background-color:#cfdc00;
    color:#666;
    text-align:center;
    font-size:8pt;
    line-height:10pt;
    xfont-weight:bold;
    height:15px;
    width:13px;
    padding:1px 2px 0px;
    z-index:100;
}
#uflist .uf ul li {
    border-top:solid 1px #ededed;
    padding:4px;
}
#uflist .ufa {
    display:block;

    margin-left:10px;
    padding:2px;

}
#uflist .ufa ul {
    list-style-type:none;
    margin-left:1px;
}
#uflist .ufa ul li {
    border-top:solid 1px #ededed;
    padding:4px;
    xwidth:200px;
} 

[fringis]

Wenn du dich nicht länger mit dem ***kack**** internet browser rumschlagen willst, empfehle ich dir yaml.

www.yaml.de

Und ich empfehle dir, dir das passende buch dazu auch noch zu kaufen !

YAML ist eine perfekte Loesung um Seiten zu entwickeln, ohne sich vorher mit den Hacks rund um den internet Explorer rumzuschlagen.

Ich hatte bei meiner webseitenentwicklung selbst große problem mit dem ***kack*** internet explorer und yaml hat mir meine arbeit sehr erleichtert !

Wenn du noch fragen hast, e-mail an mich !