Tag: css-float
Positionierung der Elemente auf der linken oder rechten Seite der Container mit der CSS-float-Attribut.
7
Antworten
diesem problem beschäftigt mich seit einiger Zeit. Also ich habe einige visuelle Beschreibungen meines Problems Erste hier ist meine HTML-Struktur habe ich 6 divs.. die ersten 3 float left und die letzten 3 float right. Das Letzte
4
Antworten
Habe ich eine Liste: <ul> <li>Number 1</li> <li>Number 2</li> <li>Number 3</li> ... </ul> Alle <li> schweben. Ich brauche die Höhe des <ul> box. Wenn ich mich richtig erinnere ist dies nicht gültig: <ul> <li>Number 1</li> <li>Number 2</li>
4
Antworten
Möchte ich meine li Elemente, aus denen ein horizontales Menü werden gleichmäßig verteilt über die Breite des meine ul element. Ich normalerweise float meine li Elemente auf der linken Seite, und fügen Sie etwas Rand. Aber wie
6
Antworten
Ich habe zwei Elemente auf der gleichen Linie schwebte Links und schwebte direkt. <style type="text/css"> #element1 {float:left;} #element2 {float:right;} </style> <div id="element1"> element 1 markup </div> <div id="element2"> element 2 markup </div> Brauche ich für element2, um
3
Antworten
Wie kann ich ein div wachsen seiner Höhe, wenn es schwimmt darin? Ich weiß, dass bei der Definition einen Wert für die Breite und die Einstellung overflow auf hidden funktioniert. Das problem ist, dass ich noch eine
6
Antworten
Ich habe versucht, eine Website zu erstellen mit der folgenden Struktur: gewünschte Struktur http://i50.tinypic.com/vhw076.png Aber ich kann nicht scheinen, um die richtigen header (e1 Links und e2 zentriert, e3 rechts). Ich will, dass die drei Elemente e1,
5
Antworten
Für jeden post box, ich will den Daumennagel, um zu schweben, auf der linken Seite und der text float auf der rechten Seite. Ich will nicht den Daumen zu wickeln rund um den text. Hier ist mein
5
Antworten
Möchte ich meinen div-container Höhe von max von Kindern in die Höhe. ohne zu wissen, welche Körpergröße das Kind divs gehen zu müssen. Ich war zu versuchen, die auf JSFiddle. Die container div auf rot. die wird
3
Antworten
Ich habe einen container box1 hat eine bestimmte Breite (die ändern kann, je nach Inhalt). Diese box enthält box2 die hat eine Feste Breite (es könnte ein Symbol). Neben box2 habe ich box3 mit etwas text. Ich
3
Antworten
Ich versuche zu zentrieren einer Div, die haben mit unterschiedlicher Breite (auf Basis der Inhalte einer website). Las ich über eine relative Positionierung Technik hier: http://www.tightcss.com/centering/center_variable_width.htm Aber ich dachte es ist ein einfacher Weg, es zu tun?
5
Antworten
Ich habe Probleme mit floating div über ein image. Hier ist ein Turnschuh, was ich versuche zu erreichen: http://jsfiddle.net/dChUR/ HTML: <div class="container"> <div class="tag">Featured</div> <img src="http://www.placehold.it/200x200"> </div> CSS: .container { border: 1px solid #DDDDDD; width: 200px; height:
6
Antworten
Habe ich einen Haufen float: left Elemente und einige sind ETWAS größer als andere. Ich will das neue-Zeile zu brechen, und haben die Bilder, die Schwimmer alle den Weg nach Links, statt stecken, ein größeres element. Hier
1
Antworten
Ich bin mit dem bootstrap-navigation bar, aber ich wollen, schweben Sie mit einer der Tasten auf der rechten statt der linken Seite, wie es schon ist. Hier ist der HTML: <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container">
7
Antworten
Beispiel HTML+CSS: <html> <body style="padding: 0; margin: 0;"> <div style="float: right;">first</div> <div style="margin-top: 2em;">second</div> </body> </html> Gewünschte Verhalten: die first div schwimmt auf der oberen rechten Seite des Fensters. Tatsächlichen Verhalten: es schwimmt 2em unten die gewünschte
5
Antworten
Wie kann ich div 'Links' und 'rechts' Aussehen wie Säulen nebeneinander? Ich weiß, dass ich kann verwenden Sie float:left auf Sie, und das wird Arbeit... aber bei Schritt 5 und 6 in der hier http://www.barelyfitz.com/screencast...s/positioning/ der Kerl
5
Antworten
Normalerweise, wenn wir wollen, haben mehrere DIVs in einer Zeile verwenden wir float: leftaber jetzt entdeckte ich den trick mit display:inline-block Beispiel-link hier. Es scheint mir, dass display:inline-block ist ein besserer Weg, um align DIVs in einer
4
Antworten
Habe ich eine Ansicht, die einen Abschnitt so definiert: <div id="QuestionBody"> <p><%=ViewData.Model.Body %></p> <div id="QuestionEditLink"><%=Html.ActionLink ("Edit","EditQuestion","Question",new {id=Model.QuestionId},null) %></div> <div id="QuestionHistoryLink"><%=Html.ActionLink ("History","ShowHistory","Question",new {postId=Model.PostId,questionId=Model.QuestionId},null) %></div> <div id="AnsweringUser"><a href="/Profile/Profile?userName=https%3A%2F%2Fwww.google.com%2Faccounts%2Fo8%2Fid%3Fid%3DAItOawnZ6IhK1C5cf_9wKstNNfSYIdnRp_zryW4">Answered by Sam</a></div> </div> und dies erzeugt einen Abschnitt mit text und
10
Antworten
Ich weiß nicht, ob es ein häufiges problem, aber ich kann nicht finden die Lösung im web so weit. Ich möchte zwei divs verpackt in ein weiteres div, aber diese beiden divs haben werden, richten Sie die
6
Antworten
Habe ich das folgende markup: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Ich will es so, dass, wenn der text umgebrochen wird, es geht nicht in die 'Spalte' für das Bild. Ich weiß,
7
Antworten
Ich geschrieben habe folgenden HTML versucht zu zentrieren, zwei div ' s nebeneinander. <div id='wrapper' style='text-align:center;'> <div style='float:left;'> Lorem ipsum<br /> dolor sit amet </div> <div style='float:left;'> Lorem ipsum<br /> dolor sit amet </div> </div> Jedoch der
5
Antworten
Habe ich eine Liste wie diese: <div> <ul> <li>one</li> <li>two</li> <li>three</li> <li>four</li> </ul> </div> und die folgenden CSS: ul { width: 160px; height: 100px; overflow: auto; } li { width: 80px; display: inline-block; float: left } Ich
3
Antworten
Habe ich seit der Begegnung mit Problemen wie diesem, die auf der aktuellen bootstrap 3 für eine Weile jetzt. Ich habe es geschafft, Sie zu beheben, die in der Vergangenheit in der einen oder anderen Weise aber
9
Antworten
Angesichts der folgenden HTML. Es zeigt zwei Spalten an: #left#right. Beide sind Feste Breite und 1px Grenzen. Breite und grenzt gleich der Größe der oberen container: #wrap. Wenn ich verkleinern Firefox 3.5.2 durch drücken von Strg+- Säulen
7
Antworten
Ich habe den folgenden code: <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" />
6
Antworten
Gibt es eine Möglichkeit, nicht ein newline eingefügt, bevor ein div ohne Verwendung float: left auf das Vorherige element? Vielleicht noch einige tag auf der div wird setzen Sie ihn einfach auf der rechten Seite? InformationsquelleAutor der
7
Antworten
Wie horizontal-center, einem floating element eine variable Breite? Edit: ich habe bereits das arbeiten mit einer mit div für die floating Elements, und geben Sie einen width für den container (dann margin: 0 auto; für die container).
8
Antworten
Sagen, Sie haben ein div, sagen Sie, dass Sie Farbe grün und geben Sie eine bestimmte Breite, wenn ich Sachen in es, in meinem Fall ein img-und ein weiteres div. Die Idee ist, dass der Inhalt der
2
Antworten
Weil Beispielen Regel: http://jsfiddle.net/rudiedirkx/wgue7/ Wie bekomme ich den Balken unten statt oben? Jetzt sind Sie kleben an der Oberseite des Behälters ( #bars ), aber ich will Sie festhalten an der Unterseite. Wie Sie sehen können, ich
14
Antworten
Weiß ich, wie man 2 divs float nebeneinander, einfach float Links und die andere rechts. Aber, wie dies mit 3 divs oder sollte ich einfach Tabellen verwenden, die für diesen Zweck? InformationsquelleAutor der Frage Dameon | 2010-01-28
4
Antworten
In CSS die overflow:hidden ist fest auf den Eltern-Container, um zu erlauben, es zu erweitern mit der Höhe Ihrer schwimmenden Kinder. Aber es hat auch ein weiteres Interessantes feature in Kombination mit margin: auto... Wenn die VORANGEGANGENEN
8
Antworten
Ich habe ein Elternteil div schwebte Links, mit zwei Kind divs, dass ich float right. Den Eltern div sollte (wenn verstehe ich die spec richtig) so weit wie nötig enthalten, die das Kind divs, und diese ist,
7
Antworten
Gibt es eine Möglichkeit zu finden, die Anzahl der Elemente (li- tag) innerhalb einer ul was hat es float: eingestellt Links. Nehme ich hat viele Ordner, die visuell dargestellt werden, indem li - tags. Aufgrund von floating-Verhalten,
12
Antworten
Habe ich schon versucht zu teilen einer div in zwei Spalten mit CSS, aber ich habe nicht geschafft, es funktioniert noch. Meine grundlegende Struktur ist wie folgt: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div
5
Antworten
Habe ich schon fest auf ein float-Problem für eine kleine Weile, so ich hoffe die community kann mir wieder helfen. Ich habe eine neue webform hier. Wie üblich, es sieht gut in alles, aber im IE7 (oder
2
Antworten
Ich habe ein (horizontal) zentriert äußeren div mit zwei Elementen von unbekannt Breite: <div style='width:800px; margin:0 auto'> <div style='float:left'>...</div> <div style='float:right'>...</div> </div> Beide Schwimmer sind top-standardmäßig ausgerichtet und werden von wechselnden/unbekannten und verschiedenen Höhen. Gibt es eine
7
Antworten
Ist es möglich, stapeln sich mehrere DIVs wie: <div> <div></div> <div></div> <div></div> <div></div> </div> So, dass alle diese inneren DIVs haben die gleiche X-und Y-position? Standardmäßig gehen Sie alle unter einander Erhöhung der Y-position von der Höhe
4
Antworten
Ich haben, implementieren Sie die folgenden Kreis-und line-Kombination in CSS und ich bin auf der Suche nach Tipps, wie Sie diese umsetzen effektiv. Die Kreise und Linien sollten so Aussehen: Ich bin in der Lage zu implementieren,
2
Antworten
Habe ich drei div-Elemente: Links, Mitte und rechts. Links und rechts sind Fix und floating. Was ich will ist mittleren div um die Lücke zu füllen zwischen Ihnen. Dies ist mein code: <!DOCTYPE html> <html> <head> <style>
5
Antworten
Habe ich eine website wie diese hier: >> Webseite <<. Es ist gebaut aus 2 frames - Haupt-und eine Fußzeile. Ich habe versucht, es arbeitet ohne frames (nicht auf Handys). Gibt es eine einfache CSS-oder jQuery-Methode zum
2
Antworten
Habe ich schon den ganzen Tag aber nicht kommen mit einer Lösung. Ich habe 3 Spalten in einer Zeile in einem container. 1: Recht Inhalte – ziehen-rechts 2: navigation – pull-Links 3: die wichtigsten Inhalte Was es
4
Antworten
Zum Beispiel, ich habe einige Klasse .Artikel, und ich möchte, um diese Klasse als grid-Ansicht. So bewarb ich mich diesem Stil: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Diesem Stil zu machen .Artikel schauen, Fliesen - /Netz.
6
Antworten
Meine Frage(N) Sind alle diese Methoden, bevorzugt durch eine professionelle web-designer? Sind alle diese Methoden prefereed von einem web-browser, wenn Sie die Zeichnung der Webseite? Ist das alles nur persönliche Vorliebe? Gibt es andere Techniken, die ich
2
Antworten
Frage ich mich, ob es irgendeinen Weg gibt, haben text in einem floating div gain-Ellipse, wenn die parent-div und div benachbarten nicht genügend Raum. Zum Beispiel: <style> .parent-div { width: 100%; border: 1px; padding: 4px; } .text-div
6
Antworten
Jedes mal, wenn ich versuche, etwas zu tun, scheinbar einfach in der CSS, es funktioniert nicht. Ich habe ein content-div, enthält eine 460x160 Bild. Alles was ich tun möchte ist die position des Bildes in der unteren
10
Antworten
Ich möchte zwei Elemente in der gleichen Zeile mit 'float: left' für das Element auf der linken Seite. Habe ich keine Probleme, dies zu erreichen, allein. Das problem ist, ich möchte die beiden Elemente zu bleiben auf
9
Antworten
Ich habe einen master-form für meine website, und ich möchte die dock ein div an die Spitze der content-Bereich im master zu bilden. Dieses div soll immer sichtbar sein, obwohl die scroll-position. Ist das möglich? Ein Bild
4
Antworten
Habe ich Folgendes fiddle: http://jsfiddle.net/q05n5v4c/2/ In Chrom, es macht einfach nur fein. Der chevron ist auf der rechten Seite. Jedoch im Firefox, lässt es die Chevron-down 1. Zeile. Habe ich bei google eine Suche und fand mehrere
4
Antworten
Muss ich center html-Inhalt innerhalb eines div class="Partner" (top div mit 2 Bilder). Wie Sie sehen können aus dem Bild unten (es schwimmt nach Links, statt von der Mitte des div): Dies ist mein html-code: <div id="partners">
15
Antworten
Ich möchte 3 divs ausgerichtet innerhalb eines div-container, so etwas wie dieses: [[LEFT] [CENTER] [RIGHT]] Container-div ist 100% breit (keine Breite festlegen), und den center-div bleiben soll, in der Mitte nach der Größenänderung des Containers. Also habe
2
Antworten
Ich habe zwei Spalten in einer Mittelsäule. (Sie sind alle div-tags.) Wenn ich die inneren divs zu float:left das äußere div nicht wickeln sich um die inneren divs. Warum, und wie behebe ich das? InformationsquelleAutor der Frage