clear:both Problem

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • clear:both Problem

    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:
    PHP-Code:
    <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.

    PHP-Code:
    #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;


  • #2
    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 !

    Kommentar

    Lädt...
    X