Aleksej V.: display:inline; div nach rechts bevegen

Beitrag lesen

Hallo,

also irgenwie ist heut bei mir 'n tag des nichtverstehens.

  1. Ein div mit display:inline ist ein span!
  2. Ohne Breiten-Angabe ist Dein zweites div genau so breit, wie der Text "Webweaver", der drin steht. Die Text-align-Angabe nutzt also gar nichts.

ok

<div style="width:300px; display:inline;">Textbasierender HTML-Editor </div><div style="text-align:right; display:inline; width:200px;"><a href="webweaver.phtml" class="underline">Webweaver</a></div>

<span style="width:300px; background-color:#00FF00;">Textbasierender HTML-Editor</span><span style="width:100px; background-color:#FFFF00; text-align:right;"><a href="webweaver.phtml" class="underline">Webweaver</a></span>

Ich hab mal Hintergrund-Farben verwendet, um die Auswirkungen der Breiten-Angabe zu zeigen. Breite1 + Breite2 muss = gewünschte Breite gesamt sein. Hier: 400px (Breite des iFrame).

|                                                               |
|Textbasierender HTML-EditorWebweaver                           |
|                                                               |
|                                                               |
|                                                               |
|Seinrand

So sieht es bei mir aus und durch deinen Vorschlag hat sich nichts geändert.

|                                                               |
|Textbasierender HTML-Editor                           Webweaver|
|                                                               |
|                                                               |
|                                                               |
|Seinrand

So soll es ausehen.

Grüße aus Düsseldorf,

Aleksej