Tag: css-float
Positionierung der Elemente auf der linken oder rechten Seite der Container mit der CSS-float-Attribut.
HTML overflow:scroll " und " float
4 Antworten
Ich habe ein div, welches viele ungeordnete Listen (ul). Ich habe jedes ul-Einstellung "float:left". Und ich habe auch das übergeordnete div-Element, das Sie enthält, auf "overflow-x:scroll". Was passiert, ist dass das ul wickeln, wenn Sie auf den
CSS div float left und right nowrap
2 Antworten
Ein wenig hintergrund: Ich arbeite an einem header, die sich über die gesamte mit auf der Spitze meiner Webseite. Ich möchte den aktuellen Benutzernamen, ein logout-button, etc. zu werden, schwebte auf der rechten Seite im header, und
Positionieren von div Boxen mit css
3 Antworten
Ich will, dies zu erreichen: Ich möchte die display-Boxen, eine Haupt-box und unter jeder box, eine kleinere box, wie Sie im Bild sehen können. Ich definiere dies mit dem folgenden html-Struktur: <div class='content'> <div class='box'> <a>test</a> <div
Bootstrap 3-Knopf-Gruppe und der input-Gruppe in einer Zeile
2 Antworten
Wenn Sie einen Blick auf die folgenden Beispiel können Sie sehen, dass die input-group unter der button-Gruppe: http://bootply.com/81723 Ich bereits versucht, indem Sie beide Gruppen in floating divs, aber der Browser immer noch brechen die Reihe. Ich
Wenn ein div hat "clear:right" sollte nichts schweben, auf der rechten Seite wird es, sollte es?
5 Antworten
Scheine ich bekommen zu haben, betreffs verwirrt zu werden, was die css "clear" keyword bedeutet. Ich habe eine Reihe von div-Elementen, alle mit "float:left". Die zweite letzten div-element hat auch "clear:right". Ich dachte, dass würde dazu führen,
css: float Blöcke zu besetzen, alle freien Speicherplatz
4 Antworten
Ich versuche, um ein "image mosaic", die besteht hauptsächlich aus Bildern von der gleichen Größe, und einige von Ihnen haben die doppelte Höhe. Sollten Sie alle ausrichten ordentlich wie diese: Machen automatische Generierung von diesen Mosaik-so einfach
Wie kann ich dieses Problem beheben print-layout mit Float - (im Druck-stylesheet)?
4 Antworten
Ich habe eine Seite mit mehreren Diagrammen in einem Gitter-ähnlichen format wie folgt: [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ]
Bootstrap-Zeile ausrichten Problem
3 Antworten
Folgende ist mein HTML: <div class=container"> <div class="row"> <h2 class="text-center">Enter your name below</h2> <div class="col-md-6 center"> <img class="profile-picture" ng-src="../Content/images/default-avatar.png" src="../Content/images/default-avatar.png"> </div> <div class="col-md-6 center"> <h3>Profile name: N/A</h3> <h3>Status: Waiting for user input</h3> </div> </div> </div> Mein css
Float-Fehler in chrome? 1px extra-Polsterung, aber es ist keine Polsterung
6 Antworten
Den folgenden html-und css-zeigt zwei divs in einem container. Der linke div nicht gefloatet; der Rechte div geschwommen Recht. Den richtigen div-scheint zu sein, ein pixel zu schmal, und die rote Hintergrundfarbe des Containers ist und zeigt
ärger Positionierung div unten mehrere float left divs
2 Antworten
Es ist ein bisschen schwierig zu beschreiben, css-Probleme, aber ich werde mein bestes tun. Unten meine nav-bar, ich habe einen div-container. Es ist auf 80% eingestellt breit. In der div-container, ich habe eine box-wrapper-div enthält vier divs,
Wie kann ich "float: left" in einem div ohne zu brechen-element enthalten ist Höhe?
6 Antworten
Es scheint, als schwebte HTML-Elemente nicht erweitern Sie die Höhen Ihrer Container. Betrachten Sie beispielsweise den folgenden code: CSS: .portfoliosite { background: #777; padding: 10px; width: 550px; } .portfoliothumbnail { background: red; margin: 0 10px 10px 0;
Warum `float:left` funktioniert nicht mit einer festen Breite?
7 Antworten
Ich habe zwei divs auf eine Webseite und ich möchte Sie beide haben eine Feste Breite und möchte, dass die erste div zu werden, schwebte auf der linken Seite der zweiten div. Das klingt so einfach, dass
Clear:both vor dem Ende des Blocks
4 Antworten
So oft, ich wir wind bis tun so etwas wie dieses: <div class="one"> <div class="floating-two">content</div> <div class="clear"></div> </div> Was wir in der Regel bedeuten wird, "stellen Sie sicher, dass alle gefloateten Elemente sind enthalten in block eins".
<div>s Schwimmer/overlay über anderen Elementen in css
3 Antworten
Diese Frage bezieht sich auf meine web-Seite unter dieser Adresse: http://www.acehscmaths.com/welcome/testhome Wenn Sie klicken Sie auf die "Chart" - Menü-option (neben dem logo rechts oben), zieht er down Menü mehr Optionen, diese bewirkt dann, dass die ganze
CSS div überlappenden
4 Antworten
Ich versuche zu bauen, ein Kommentarfeld für meine website. In den Kommentaren, ich will es legte WordPress-Stil, mit dem avatar auf der linken Seite. Es funktioniert, aber was passiert ist, ist der Kommentar-text ist die Verpackung um
Wie die Anzeige von drei divs in Zeile auf eine Zeile
7 Antworten
Ok, ich dachte, dass meine CSS-Fähigkeiten war schließlich gekommen, bis zu dem Punkt wo ich würde nicht Fragen brauchen, diese Art von Fragen, aber... Ich habe drei Kind-divs in ein übergeordnetes div. Ich möchte Sie alle werden
margin-top funktioniert nicht mit clear: both
8 Antworten
HTML: <div style="float: left;">Left</div> <div style="float: right;">Right</div> <div style="clear: both; margin-top: 200px;">Main Data</div> Warum ist die margin:top für die 'Wichtigsten Daten' funktioniert nicht in der code oben? welchen browser verwenden Sie? Ich habe es mit firefox und
CSS float - unteren Ecken
5 Antworten
Habe ich buttons, die immer schweben an der unteren Ecke des browser-Fensters. Den zurück - Taste ist an der richtigen Stelle, aber die nächsten Taste nicht float right. #footerback { width: 107px; background-position: top; padding: 0px 30px
Floating-ein inline-element, rechts ein div
2 Antworten
Möchte ich Rechtsbündig inline-element auf der rechten Seite eine div. Ich habe gesehen, float="right" angewendet auf einen Bereich zu Recht ausrichten, aber es scheint semantisch falsch, für mich als Schwimmer sollen sich bewegen "Boxen" oder block-Elemente rechts
Float:right divs erscheinen auf der nächsten Zeile im IE nur
4 Antworten
Ok, also ich arbeite an einem Prototyp von meinem UI, bevor ich mit dem Programmieren beginnen die webapp. Ich habe das design vor allem beim arbeiten im Firefox und (natürlich) wenn ich es getestet in IE, es
CSS Wie richtet zwei DIVs auf die gleiche Zeile ohne Verwendung von floats
2 Antworten
Dies muss möglich sein! Gelesen habe ich Dutzende von Fragen, die auf dieser Website veröffentlicht, als auch einfach nur blind Google-Suche. Ich habe einen DIV-container und zwei DIVs innerhalb des Containers. Ich möchte alles im container zentriert
css : verhindern, dass div-Breite aus der Erweiterung der verfügbaren Breite
3 Antworten
Wie kann ich verhindern, dass div von der Erweiterung? Ich möchte mit div-Elementen nicht zu 100% von dem verfügbaren Platz und die Breite, dass es die Kinder haben. Ich brauche diese für die Zentrierung übergeordneten div-horizontal. Der
Wie Sie verhindern, dass schwimmende Inhalt in zwei divs nicht überlagern?
5 Antworten
In einer FAQ-Seite bin ich versucht zu machen, habe ich eine Seite mit dieser Struktur: <section id="container"> <div id="faq_primary"></div> <div id="faq_sidebar"></div> </section> <footer> <div id="directory"> <div id="col_a"></div> <div id="col_b"></div> <div id="col_c"></div> </div> </footer> Ist hier das relevante
CSS-floats & Überlappende Boxen
4 Antworten
Ich habe messing mit CSS, versuchen zu verstehen, Schwimmer, etc. Hier ist, was das Problem sieht wie folgt aus: Wie Sie sehen können, das gelbe Feld schwebt hinter dem Grau und Vergangenheit. Wie mache ich es halten
Positionieren von div nach unten von einem anderen div, ohne die Verwendung von Absoluten
6 Antworten
Habe ich ein div in einem anderen div. Das innere div hat die Margen von 0, auto zu zentralisieren. Allerdings kann ich es nicht mehr zu schweben, auf den Boden, ohne dass es absolute. Gibt es trotzdem
Wie auf position drei div Elemente nebeneinander über eine Webseite
3 Antworten
Hallo Iam, die versuchen, eine website zu bauen, die hat 'div-container' und innerhalb dieses div-drei wichtigsten Säulen, 'div-left', 'div-Mitte' und 'div-Recht". Ich habe versucht, legen Sie die Breite für die einzelnen Spalten zu 25%, 50% und 25%
Zu machen, wie die schwebenden inneren divs die gleiche Höhe wie die höchsten div
3 Antworten
Im folgenden code möchte ich die div mit 'y' zu entsprechen, die Höhe des div mit der 3 'x. <div style="border: 0px solid red; margin: 0px 0px 5px; overflow: hidden;"> <div style="border: 1px solid rgb(129, 11, 0);
Die Verwendung von CSS-Floats und die Probleme mit dem Margen
3 Antworten
Dieser hat immer ratlos ich. Und ich dachte immer, es muss einen besseren Weg, es zu tun. Ich in der Regel am Ende mit, um ein style="margin-right 0px;" auf dem letzten div-es zeigt also, alle drei. Aber
CSS float Links funktioniert nicht richtig
3 Antworten
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 float & negative Marge
3 Antworten
Ich hoffe, dies ist eine einfache, aber ich kann nicht scheinen, um in der Lage sein, um es zu knacken schnell... Ich habe ein 2-Spalten-layout, mit dem Inhalt in der rechten Spalte dynamisch und ajax angetrieben. Also
Wie float ein span in einem div?
3 Antworten
Ich versuche zu lernen, wie man CSS verwenden, ohne die Hilfe von Bootstrap. Habe ich Folgendes: (kann hier eingesehen werden: http://plnkr.co/edit/FTCft1YOfQ4xy7FKWEHE?p=preview) <div class="block"> <span class="pull-left">George</span> <span class="pull-right">$23.20</span> </div> <div class="block"> <span class="pull-left">Carl</span> <span class="pull-right">$4.81</span> </div> <div class="block">
CSS - auto-Breite Schwebekörper (erweiterbar float)
3 Antworten
Habe ich zwei trieben collumns nebeneinander. Kann der Benutzer verbergen/reduzieren der collumns. In diesem Fall möchte ich die anderen collumn zu erweitern, dass der gesamte container. Ist das möglich mit CSS? Im Lebenslauf, ist es möglich, einen
CSS - entfernen möchten, ein Leerzeichen, aber haben keine Ahnung wie man es loswerden?
4 Antworten
OK also hier ist mein code, ich verstehe nicht, warum die erste leere Raum erscheint auf der linken Seite der Seite. CSS .header-left ol{ width: auto; float: left; display: block; background-color: #6899D3; } .header-left li{ list-style:none; float:left;
Float 2 Bilder rechts, direkt unter einander, ohne Druck text nach unten
2 Antworten
Wie kann ich float 2 Bilder auf der rechten Seite und direkt unter einander, ohne Druck mein text auf der linken Seite nach unten? Bitte fügen Sie Ihre aktuelle HTML-und CSS so, dass jemand helfen kann, verbessern
H1 auf der linken Seite, "Tasten" auf der rechten Seite, vertikal angeordnet
5 Antworten
Ich versuche, die Anzeige auf eine Zeile: ein H1-element Links ausgerichtet von der enthaltenden box mehrere "buttons" (A-Elemente) rechts ausgerichtet, der mit box alle auf der selben Basis Ist es möglich, mit minimalem markup (D. H. ohne
css ausrichten, div rechts, mit am Tisch zu 100% Recht
2 Antworten
Ich habe eine Tabelle auf 100% Breite. Ich will hinzufügen, ein zufälliges div mit php voll von Inseraten manchmal. Ich möchte die ad div auf der rechten Seite und der Inhalt der Tabelle. Ich möchte die Tabelle
Gibt es einen Unterschied zwischen float: none und klar: keiner
4 Antworten
Ich war dabei ein bisschen Zeug mit float und clear. Ich fand keinen Unterschied mit float: none; oder clear: none; Ist es? kann jemand verdeutlichen den Unterschied mit einem Beispiel Beide float und clear haben den Standardwert
CSS schwimmt auf Fenster Größe ändern: Verhalten in den Pausen design
3 Antworten
Ich habe dieses CSS-layout: http://www.cssdesk.com/Lgg4q HTML <div id="wrap"> <div class="img-wrap"> <img src="http://unikatmag.de/wp-content/uploads/2010/11/team-dummy.jpg" /> </div> <div class="info"> <p>Lorem</p> <p>ipsum</p> </div> <div class="img-wrap"> <img src="http://unikatmag.de/wp-content/uploads/2010/11/team-dummy.jpg" /> </div> <div class="info"> <p>Lorem</p> <p>ipsum</p> </div> <div class="img-wrap"> <img src="http://unikatmag.de/wp-content/uploads/2010/11/team-dummy.jpg" /> </div> <div
Kompakte Anordnung von DIVs in zwei Richtungen
5 Antworten
Es ist einfach zu arrangieren DIVs mit float horizontal. Zum Beispiel: <div style="width: 500px;"> <div style="float:left; width: 200px; height: 100px; background-color:Yellow;"></div> <div style="float:left; width: 150px; height: 60px; background-color:Blue;"></div> <div style="float:left; width: 140px; height: 240px; background-color:Green;"></div> <div style="float:left;
Zwei Abschnitte beiseite zu float left mit fester Breite CSS
3 Antworten
Ich versuche für zwei Abschnitte zu schweben, abgesehen von der Haupt-Spalte auf der rechten Seite. Die Abschnitte werden sollte, der eine Feste Breite und die wichtigsten sollen flüssig. Dies ist die nächste ich habe. Problem ist, dass
Stop-floating divs umbrechen
6 Antworten
Möchte ich eine Reihe von divs (Zellen), die nicht wickeln, wenn der browser zu schmal ist, um Sie fit. Ich gesucht habe-Stack und konnte Sie nicht finden, eine funktionierende Antwort auf das, was ich denke, sollte eine
Wie kann ich CSS-floats in eine Zeile?
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
clear:both funktioniert nicht css-floats
3 Antworten
Im nicht sicher, warum mein float ist nicht das klären, so dass eine untergeordnete container bleiben innerhalb des übergeordneten Containers. Haben Sie einen Blick auf dieses jsfiddle, um zu sehen, was ich meine. Ich will die .shadow-wrapper
DIV-container-Größe, um die Breite des umschlossenen floating Inhalt
4 Antworten
Ich versuche, erstellen Sie einen div-container mit einer Breite nur von der Größe des Inhalts. Ich habe das Teil ordnungsgemäß funktioniert, indem Sie float: left auf dem Behälter. Hier ist was ich habe, so weit. HTML <div
Füllen Sie Links ein float: right element in voller Breite-design
2 Antworten
Arbeite ich an einem neuen design in HTML5/CSS3, und es hat eine Weile, da ich zuletzt gearbeitet mit html-mehr als für das schreiben der Inhalte, nicht das layout. Das, was ich bin versucht, zu erreichen, ist eine
html float unten
4 Antworten
Möchte ich den text der ganz unten rechts in der Ecke ein vorhandenes tag. Ich bin immer noch mit old-school-Tabellen (Bearbeiten vorhandener code). Mein code ist: <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="50%"></td> <td width="50%" valign="top">
Verhindern, dass das einwickeln in verschachtelten gefloateten Elemente in CSS
4 Antworten
Ich habe ein div, enthält viele schwebte untergeordneten Elemente. Jedes child-Element wird ein div mit einem Eingabe und einem Bezeichnungsfeld. In Firefox, es sieht gut aus, aber im IE7, die das Letzte Element einer Zeile wird umgebrochen,
Wie man Logo & navigation in einer Zeile
2 Antworten
Ich habe ein css-und HTML-code, der hat zwei Abschnitte in der Kopfzeile: eine für Logo und andere für die navigation. Ich wollte beide in der gleichen Zeile, so dass es spart einiges an Platz und sieht viel
Probleme der Positionierung von Elementen mit float in ein responsive design
2 Antworten
Arbeite ich an einer responsive-website, und ich lief in einige Probleme dabei das layout. Ich brach das problem auf die wenigen Zeilen möglich. Wenn das Fenster größer ist dann 909px ich will meine zweite Inhalt (content2) direkt
Wie ein Schwamm Bild handeln dementsprechend?
5 Antworten
Finden Sie diese Geige Mein Hauptanliegen in dieser Geige ist der div#text und Abb.frame. Ich bin versucht, erstellen Sie eine responsive website, aber das war mein problem für so lange, ich kann nicht herausfinden, wie ', um