hamburger: div linksbündig ausrichten

SELF-Forum

div linksbündig ausrichten

hamburger
– Informationen zu den Bewertungsregeln

Hallo,
ich habe nachfolgenden Code:

  
<div id="paginator_div">more articles:  
<ul id="paginator">  
<li page="123" class="selected">1</li>  
<li page="345">2</li>  
<li page="345">3</li>  
</ul>  
</div>

Diesen möchte ich rechtsbündig ausrichten. (die paginator_div)
Dies gelingt mir aber nicht. Wieso?

Hier der CSS-Code:

  
 #paginator_div{margin-top:10px;margin-bottom:30px;width:100%;float:right;font-size:9px;}  
 #paginator {display:inline;list-style-type:none;margin-top:20px;FONT-SIZE: 11px;COLOR: #666;}  
 #paginator li{display:block;float:left;background-color:#f9f9f9;border:1px solid #e6e6e6;color:#636363;margin-right: 5px;padding:3px 6px 3px 6px;}  
 #paginator li.selected{background-color:#D8D8D8;color:#fff}  
 #paginator li:hover{background-color:#D8D8D8}
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. div linksbündig ausrichten

    Beat Homepage des Autors
    – Informationen zu den Bewertungsregeln

    ich habe nachfolgenden Code:
    Diesen möchte ich rechtsbündig ausrichten. (die paginator_div)
    Dies gelingt mir aber nicht. Wieso?

    Es ist doch rechtsbündig ausgerichtet
    auch wenn das bei einer width von 100% nicht sofort ersichtlich ist.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. div linksbündig ausrichten

      hamburger
      – Informationen zu den Bewertungsregeln

      Es ist doch rechtsbündig ausgerichtet

      das ist vielleicht ein problem.

      ich möchte das der Inhalt rechts ausgerichtet ist,
      ähnlich wie text-align:right.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. div linksbündig ausrichten

        Beat Homepage des Autors
        – Informationen zu den Bewertungsregeln

        ich möchte das der Inhalt rechts ausgerichtet ist,
        ähnlich wie text-align:right.

        also
        <ul style="text-align:right;">
        <li style="dislay:inline-block;"></li>
        </ul>

        mfg Beat

        --
        ><o(((°>           ><o(((°>
           <°)))o><                     ><o(((°>o
        Der Valigator leibt diese Fische
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. div linksbündig ausrichten

          hamburger
          – Informationen zu den Bewertungsregeln

          <ul style="text-align:right;">
          <li style="dislay:inline-block;"></li>
          </ul>

          Hallo Beat,
          habe in folgendes geändert:

            
 #paginator_div{text-align:right;margin-top:10px;margin-bottom:30px;width:100%;font-size:9px;}  
 #paginator {float:right;display:inline-block;list-style-type:none;margin-top:0px;FONT-SIZE: 11px;COLOR: #666;}  
 #paginator li{cursor:hand;float:left;background-color:#f9f9f9;border:1px solid #e6e6e6;color:#636363;margin-right: 5px;padding:3px 6px 3px 6px;}  
 #paginator li.selected{background-color:#D8D8D8;color:#fff}  
 #paginator li:hover{background-color:#D8D8D8}

          Sieht jetzt in IE so aus wie gewünscht. Mozilla macht alles in eine Zeile. Obwohl ein Umbruch nach <more articles:> erfolgen soll. (was IE auch macht)

            
<div id="paginator_div">more articles:  
<ul id="paginator" >  
<li page="1" class="selected">1</li>  
<li page="2">2</li>  
<li page="3">3</li>  
</ul>  
</div>
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln