CSS float Links funktioniert nicht richtig

ich versuche zu splitten, zwei divs in Abschnitt zwei, Links und rechts. Mit dem linken statisch (300px Höhe) und die Rechte ist nicht statisch (wie beispielsweise Beiträge und Kommentare). Mit einer Fußzeile am unteren Rand.

<div>
    <div>
    <div class="right"><img src="images/members/bigava/crays.png" style="width: 630px; height: 130px;" /></div>
    </div>
    <div>
    <div class="left" style="float: left;"><img src="images/members/ava/crays.jpg" style="width:120px; height:80px;" /></div>
    </div>

Machte ich mein Haupt-div mit einer Breite von 760px, damit diese Einstellung habe ich noch 10px zu ersparen. Das problem jetzt ist, kann ich nicht zuordnen float-Recht auf die div mit der richtigen Klasse und kann nur zuweisen von float-Links zu den div mit der linken Klasse. Ich habe versucht, die änderung der div oben und unten, die Neuzuweisung der Positionen, aber das, was ich bekommen ist nicht, was ich will. Keine Hilfe?

Bearbeiten

CSS
.right {
font-family: verdana;
font-size: 12px;
border-radius: 3px;
}

.left {
font-family: verdana;
font-size: 10px;
color: #000000;
border-radius: 3px;
}

Dies ist das Ergebnis bekomme ich was ich nicht will
CSS float Links funktioniert nicht richtig

CSS float Links funktioniert nicht richtig

was ich will, ist
CSS float Links funktioniert nicht richtig

  • Können wir Ihre CSS?
  • wo ist css bitte?
  • Bitte geben Sie eine klarere Vorstellung davon, wie es ist "funktioniert nicht richtig". Screenshots, zum Beispiel.
  • warum sind Sie auf der Verpackung "Links" und "rechts" divs in anderen Platzhalter-div ist. Haben Sie irgendeinen Zweck.
  • ich bin neu in der coding-sorry, ich definiere Links und rechts-Klasse nur als Klasse für das div, sondern nur zuordnen style="float: left;" in der <div class="left">
InformationsquelleAutor Crays | 2011-10-24
  1. 14

    DIV ist ein block-element, so dass Sie sich float oder inline-block zu Ihrem right div seine eigentliche width wie diese: 

    .right{float:right}

    EDIT:

    Antwort Ihren Kommentar unten

    geben, wenn Sie float zu den divs dann müssen Sie clear its parent wie diese :

    <div style="overflow:hidden"> 
    <div class="right" style="float: right;"><img src="images/members/bigava/crays.png" style="width: 630px; height: 130px;" /></div> 
    <div class="left" style="float: left;"><img src="images/members/ava/crays.jpg" style="width:120px; height:80px;" /></div> 
</div>
    • Danke, ich habe es an die Arbeit 🙂
    InformationsquelleAutor sandeep
  2. 3

    müssen Sie, um loszuwerden, einige divs oder weisen Sie schweben an übergeordneten divs von rechts -, Links-divs.

    <div> 
    <div class="right" style="float: right;"><img src="images/members/bigava/crays.png" style="width: 630px; height: 130px;" /></div> 
    <div class="left" style="float: left;"><img src="images/members/ava/crays.jpg" style="width:120px; height:80px;" /></div> 
    <div class="footer" style="clear: both;"><img src="images/members/ava/crays.jpg" style="width:760px; height:80px;" /></div> 
</div>

    sollte diese Arbeit.

    • aber durch die Zuweisung float: right, würde nicht, die machen es zu überschneidungen der Fußzeile unten?
    • ich aktualisierte mein Kommentar darunter ein footer div. Sie nicht überlappen, wenn Sie "clear: both"
    InformationsquelleAutor Emir Akaydın
  3. 2

    Wenn Sie die Breite Messungen rechts, können Sie das layout eigentlich schweben alles auf der linken Seite. Deine div-Bestellung-stack rechts, und es wird natürlich schwimmen, wo Sie wollen es. Sie haben mehr divs als nötig. Werden Sie sicher, dass diese sauber bis.

    InformationsquelleAutor creativeedg10
Schreibe einen Kommentar