Wie bewege ich ein div über der rechten Seite des Bildschirms haben aber den text richten Sie den linken Rand des div?

hier ist mein code:

<div id="Notify" style="clear:both;">
    <div style="text-align:right;">
        <div style="text-align:left;">
            Send Table to Standards By Email. (everything below is a placeholder)
            <br /><br />
            Saved at: @DateTime.Now.ToString()
            <br />  
            Saved by: 107
            <br /><br />
            <input type="submit" value="Send Email" />
        </div>
    </div>
</div>
<br />
<br />
<div id="PTable">
    Products Table Placeholder
</div>

Wenn ich versuchen, diese, ist alles Links ausgerichtet. Wenn ich mit float:right, dann PTable und Benachrichtigen Sie nebeneinander liegen. Im Gegensatz zu PTable unter Benachrichtigen.

Was ich möchte ist: Notify on top und alle den text in seinem inneren div-ausgerichtet auf den linken Rand, der innere div. PTable unter Benachrichtigen ausgerichtet, wie der browser für richtig hält.

Ich habe Sie gebürstet, bis Sie Ihren code. Bitte Bearbeiten Sie, was Sie wollen, und fügen Sie zu Ihrem Beitrag, so dass andere Ihnen helfen kann, besser: jsfiddle.net/BramVanroy/E5umG

InformationsquelleAutor dotnetN00b | 2012-07-20

  1. 11

    Den Sie verwenden möchten beide float: right und dann text-align: left auf div#Notify um diesen Effekt zu erzielen. Weiter, um sicherzustellen, dass PTable nicht zeigen, bis neben Benachrichtigen, verwenden Sie clear: both.

    #Notify, #PTable {
    clear: both;
}

#Notify {
    float: right;
    text-align: left;
}

    JS Fiddle: http://jsfiddle.net/SDDG2/2/

    Ja, er hat Recht. Was Sie haben ist zu 99% die richtige 🙂 Allerdings PTable sollte nicht float:right. Informieren und PTable sollte jedoch klar:sowohl als auch.
    Meine schlecht, ich falsch verstanden, die Frage. Die Antwort sollte jetzt korrekt sein. Hoffe, dass ich geholfen!
    Sie Tat! Es ist 100% richtig jetzt 🙂

    InformationsquelleAutor JSW189

  2. 2

    Diese scheint zu funktionieren!

    <div id="Notify" style="clear:both;">
    <div style="float:right;">
        <div style="text-align:left;">
            Send Table to Standards By Email. (everything below is a placeholder)
            <br /><br />
            Saved at: @DateTime.Now.ToString()
            <br />  
            Saved by: 107
            <br /><br />
            <input type="submit" value="Send Email" />
        </div>
    </div>
</div>
<br />
<br />
<div id="PTable" style="clear:both;">
    Products Table Placeholder
</div>
    Danke JSW789 und alle anderen zu beantworten!

    InformationsquelleAutor dotnetN00b

  3. 0

    Müssen Sie angeben einer festen Breite für die Notify-div, damit wird sichergestellt, dass PTable ist nicht daneben.

    Aus Neugier, wäre das die beste Praxis in HTML5 und CSS 2/3?

    InformationsquelleAutor Khallil Mangalji

  4. 0

    Können Sie verschieben, div oberen Seite des div
    für die ex:-

    $("#parent").prepend($("#outer"));

    InformationsquelleAutor Ashish Bardiya

Schreibe einen Kommentar