Tag: fluid-layout
Ein Fluid-Layout, manchmal auch bezeichnet als flüssige layout, ist eine CSS-Technik, in der die Mehrheit der Seite Komponenten prozentuale breiten, und somit Anpassung an die Bildschirmauflösung des Benutzers.
CSS: resize div-Breite je nach Breite Eltern
3 Antworten
Ok, ich bin im Grunde Bau eines fluid Layouts. Meine HTML sieht so aus: <div id="container"> <div class="box" id="left">Left</div> <div class="box" id="center">This text is long and can get longer</div> <div class="box" id="right">Right</div> <div class="clear"></div> </div> Hier ist
Ein fluid adaptive ungeordnete horizontale Liste
1 Antworten
Frage ich mich, ob es eine Lösung für dieses: (möglicherweise nicht, aber man weiß ja nie!) Angenommen, wir haben eine ul-Liste wie diese: <ul class="nav"> <li><a href="/">Home</a></li> <li><a href="/">What we do</a></li> <li><a href="/">Human resources</a></li> <li><a href="/">How we
CSS - Verschiedene header-Bilder für fluid grid Layouts website
5 Antworten
BEARBEITEN : Lesen Sie weiter, dann die nächsten 5 Zeilen! Mein problem ist nicht die Logik der unterschiedlichen css-Code für mobile, tablet und desktop (@media Abfrage) - das problem ist die änderung der IMAGE.SRC Attribut AUS dem
jQuery Isotop - fluid-layout mit zwei unterschiedlichen Größe der Elemente
2 Antworten
Habe ich ein Basis-layout der Fotos (für ein portfolio) auf einer Seite. Es gibt zwei verschiedene Größen Bild-Steine, die größer ist proportional zu dem kleineren und genau zweimal die Breite und Höhe, und kein Rand zwischen den
unten richten Sie eine Schaltfläche in R shiny
2 Antworten
Ich kann nicht herausfinden, einen Weg nach unten ausrichten downloadButton mit einem selectizeInput, d.h., library(shiny) runApp(list( ui = shinyUI(fluidPage( fluidRow(align="bottom", column(12, align="bottom", h4("Download Options:"), fluidRow(align="bottom", column(6, selectizeInput("plot_dl", "File Type", width="100%", choices = list("PDF"="pdf","PNG"="png"))), column(3, downloadButton('plot1_dl', 'Left Plot')),
Bootstrap 3 fluid container nicht 100% Breite
5 Antworten
Das Problem Ich bin denken über die Implementierung von Bootstrap 3 in meinem Projekt und ich Teste einige seiner Funktionalitäten und Eigenschaften, die vor der Umstellung auf das front-end-framework. Die seltsame Sache, die ich bemerkt ist, dass
Responsive images in a fluid-width-Tisch (max-width)
2 Antworten
Betrachten Sie die folgende Stück code: HTML: <div> <img src="http://placehold.it/600x150" /> </div> CSS: div { max-width: 200px } img { max-width: 100% } Wird das Bild nie breiter sein als 200px, unabhängig von seiner ursprünglichen Größe. So
Die Durchsetzung einer "min-margin" für ein fluid layout
3 Antworten
Ich versuche, um eine Website zu bauen, dass funktioniert am besten bei Recht hohen Auflösungen, aber auch Folien, die so weit Links wie möglich, wenn die Auflösung wird geringer. Ich bin mir auch nicht sicher, welcher code
Macht Twitter Bootstrap Spalten die Gleiche Höhe
2 Antworten
Habe ich eine ASP.NET MVC-Ansicht mit die folgenden Twitter Bootstrap layour: <div class="container"> <div class="container-fluid header"> [Header content] </div> <div class="row-fluid"> <div class="span9"> <div class="container-fluid main-content"> [Main Content] </div> </div> <div id="right-sidebar" class="span3"> [Right Sidebar Content] </div>
Wie gleichmäßig divs (die jeweils eine unterschiedliche Breite) innerhalb eines übergeordneten div?
2 Antworten
Ich habe gesehen, diese Lösung für gleichmäßig Abstand DIVs: ( Fluid Breite, die mit gleichem Abstand DIVs ), aber es erfordert, dass die DIVs sind alle die gleiche Breite. Dies funktioniert nicht in meinem Fall. Ich habe
Voller Breite vimeo-wrapper-hintergrund
2 Antworten
Ich versuche zu erstellen, die gesamte Breite des iframe vimeo hintergrund überzogen von einem Muster sich in meinem Körper div. Das video ist abgedeckt durch eine überlagerung, so wird es unklickbaren. Ive versuchte, das video-100% Breite und
CSS nebeneinander div mit Pixel-und Prozent-breiten
7 Antworten
Ich habe zwei div ' s (side by side) in einem übergeordneten div, ich will Rechte div zu besetzen 100% der verbleibenden Speicherplatz (d.h. 100% - 200px) und sollte immer bleiben weiter auf der linken div (nicht
Einrichten von twitter embedded timeline Breite in Prozent (responsive/fluid-design)
9 Antworten
Ich bin auf der Suche einrichten twitter embedded timeline, es ist ganz leicht, wenn man mit einem festen design, aber das ist nicht mein Fall und ich bin tatsächlich für ein fluid und responsive design für eine
Warum wird mein CSS-media-query ignoriert oder überschrieben?
3 Antworten
Das treibt mich in den Wahnsinn! Ich habe ein paar Fragen auf Stackoverflow und sehen, dass ein ID-element hat Vorrang gegenüber einem class-element (das ist gut zu wissen, aber ich habe das Gefühl, das ist nicht mein
Wie die Umsetzung fluid-design zu passen, 1024x768 monitor Größe oder höher?
4 Antworten
Einfach, ich möchte den Körper von der Seite zu besetzen 100% der browser in 1024x768-Monitore und Monitore mit höherer Auflösung (1024 x 768 und höher), um den Körper in der Mitte (center aligned) gleiche Mengen von Raum
Konvertieren Sie eine bestehende website auf Fluid grid-layout
1 Antworten
Habe ich eine website. Konvertiere ich meine website in einem fluid grid layout? Gibt es irgendwelche tools, das zu automatisieren oder muss ich zum erstellen eines fluid grid (im Dreamweaver) einfügen und <div> - tags einfügen und
Feste Breite sidebar mit ansprechenden Haupt-div in der bootstrap 2.3.2
1 Antworten
Ich versuche zu bekommen eine Feste Breite side-bar responsive Haupt-div bei der Verwendung von bootstrap 2.3.2. Etwas wie dieses Bild hier unten Ived versucht, eine 200px Feste Breite div-und dann legen Sie ein fluid-div daneben, konnte aber
Entfernen von HTML-element auf der mobilen Ansicht?
2 Antworten
Ich bin nicht mit jquery mobile. Baute ich ein template in WordPress und haben eine volle Breite hintergrund, die festgelegt werden können auf eine andere für jede Seite: Background_1.jpg = Home, Background_1.jpg = Über, ens.... Dies ist,
Dreamweaver: hintergrund-Bild festgelegt, der auf der Höhe: das auto zeigt keine Inhalte
3 Antworten
Gelesen habe ich eine ganze Reihe von Fragen, die heute hier hoffentlich beantworten Sie meine Frage, ohne Erfolg, daher hoffe ich jemand hier kann mir helfen. Ich versuche mich zu entwickeln, meine website auf ein responsive web
In bootstrap, wie die Miniaturansichten fluid die Größe gut
2 Antworten
Ich bin mit bootstrap 2.0, um ein fluid layout. Allerdings finde ich es brechen schlechte, wenn der browser die Größe ändern oder wenn ich es sehe von einem iPhone: Dies ist mein markup: <div id="features" class="row-fluid"> <div
Berechnung Margin & Padding in Höhe von Fluid / Responsive Layout
1 Antworten
Ich verstehen, wie zur Berechnung margin-left/padding-left und margin-right/padding-right in einem fluid/responsive layout. Aber was margin-top/padding-top und margin-bottom/padding-bottom? Ich habe zum Beispiel diesen code: header h1{padding:10px 0 0 15px;} Wenn ich konvertieren Sie diese zu einem fluid-layout bekommen:
jQuery Bild-Karussell, das mit flüssig/flüssig-Breite
4 Antworten
Kennt einer von Euch weiß einen jQuery Bild-Karussell, das mit fluid Breite? Fand ich dies: http://www.nikolakis.net/liquidcarousel/ ...aber es schrecklich Aussehen, wenn Sie setzen die Geschwindigkeit. Weiter mehr, würde ich mag, dass es aktiviert werden, wenn die Maus
Pure CSS hover wodurch ein Farb-overlay mit text
2 Antworten
Dies ist mein Erster Beitrag auf Stack Overflow, aber ich habe schon Antworten auf hier seit Jahren. Dies ist eine, die ich kann nicht scheinen zu finden, obwohl. Frage ich mich, ob es einen Weg gibt, um
Feste Seitenleiste auf der Rechten Seite in der fluid-layout, twitter bootstrap
2 Antworten
Ich möchte erstellen Sie eine Lösung sidebar auf der rechten Seite von meiner website, aber wenn ich die style="position:fixed;" seine div-es kommt einfach ganz auf der linken Seite. <div class="span2" style="position:fixed; background-color: white;"> CONTENT </div> Wie mache
Kraft Höhe von <div> match-Bild
3 Antworten
Baue ich eine responsive Seite, die ein Bild und <div> nebeneinander: Die Breite und Höhe des Bildes beibehalten Ihrer Proportionen und erweitern/Vertrag mit dem browser-Fenster. Die Breite der <div> macht das gleiche, aber ich möchte es mit
Problemlösung CSS-Polsterung im responsive design
4 Antworten
Diese einfache HTML5-layout soll eine Navigationsleiste auf der linken Seite mit text schwebte neben ihm (mit Prozentwerten statt Pixeln, für ein fluid, responsive design - Berechnungen sind in den Kommentaren innerhalb von CSS.) http://www.wturrell.co.uk/stackoverflow/20110615-01.html Den breiten von
Bootstrap mehrere Zeilen erstreckt, in a row-fluid
2 Antworten
Diese Frage ist sehr ähnlich, obwohl es nicht die Antwort auf meine Frage. Eine Antwort wie diese wäre in Ordnung, solange es funktioniert für responsive layouts z.B. .row-fluid, die es nicht im moment. Ist es möglich, in
Bootstrap - Responsive layout vs Fluid layout
2 Antworten
Ich möchte zu bauen, die einzelne web-Seite mit dem gleichen layout wie: http://instatrip.it Mit bootstrap. In der bootstrap tutorial-Seite http://twitter.github.io/bootstrap/scaffolding.html#layouts Gibt es eine demo-Responsive layout-und Fluid-layout. Was ist der Unterschied zwischen den beiden Ansätzen? Um das gleiche
Ausrichten Eingänge auf bootstrap mit dem Fluid Grid-System
2 Antworten
Erstelle ich ein Formular, das erfordert, dass der Benutzer zum eingeben der Namen und E-Mail-Adresse. Die erste Zeile des Formulars hat zwei Eingänge, die nebeneinander für jedes Teil den Namen und die 2. Zeile hat eine Eingabe
CSS Center Reaktionsschnell DIV
3 Antworten
Den "Kacheln" (weiße Felder), die Sie sehen in Bild 1 sind als Reaktion auf den Benutzer-Bildschirm. Wenn die Display-Größe ist einfach nicht groß genug, es hinterlässt eine Lücke auf der rechten Seite. Was ich tun möchte, ist
So erstellen Sie eine Feste Breite sidebar und voller Breite Inhalt
4 Antworten
Ich möchte erstellen Sie eine Seite mit sidebar und content. Die sidebar behoben hat width(200px) und Inhalt sollte (body_width - sidebar-Breite) . So erstellt in jQuery und funktioniert perfekt. Bearbeiten Beispiel Aber ich möchte wissen, ist dies
Bootstrap 3 responsive mit mehreren break-Punkte
3 Antworten
Ich bin mit der neuesten Bootstrap 3.0 RC1 und versuchen zu bauen ein Bild-übersicht mit der Reaktionsfähigkeit und mehrere break-Punkte, wenn die Bilder zu klein (wie gesehen auf Dribbble). Fragen: Die Skalierung des Bildes wird nur angezeigt,
So entfernen Sie mCustomscrollbar?
1 Antworten
Ich bin mit Jquery mCustomScrollBar-plugin für die Erstellung benutzerdefinierter Bildlaufleisten in meinem Projekt. Aber ich will nicht zu haben, um Bildlaufleisten in meine web-Seiten, sobald Sie die Größe neu, unter 650 . Es gibt auch ein anderes
Wie um Knöpfe stretch gleichermaßen füllen Sie den Behälter <div> (Wirken wie eine Tabellenzeile mit-Zellen)
3 Antworten
Sagen wir, ich habe einen container <div> mit einigen Schaltflächen in: <div class="cont"> <div class="button">Button 1</div> <div class="button">Button 2</div> <div class="button">Button 3</div> <div class="button">Button 4</div> <div style="clear:both"></div> </div> Zugeordnet und einige CSS: .cont{ background:#0F0; width:400px; height:40px; line-height:40px;
Responsive facebook Kommentar box
3 Antworten
Ich habe seit Jahren mehrere verschiedenen Wege zu zwingen, eine facebook Kommentar-box-plug-in fluid/responsive/liquid/was-wir-nennen-es (zeigen nur die Dummheit der Namen), und alle von Ihnen gut funktionieren. Aber auch, alle von Ihnen machen die plug-in verschwinden, wenn der Zugriff
Was ist die Richtige Art und Weise zu erreichen 3-Spalten-layout mit fluid center
3 Antworten
Arbeite ich an einem 3-Spalten-layout mit zwei festen-Breite Seitenleisten (Links und rechts) und ein fluid center. Ich habe Eine Liste Neben der Heiligen Gral Artikel, und das, obwohl dieses funktioniert in den meisten Browsern, ich habe einige
Fluid input-Elemente
1 Antworten
Habe ich diese form... <form method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>"> <fieldset> <legend>Who are you?</legend> <label for="first-name">First name</label><input type="text" name="first_name" required /><br /> <label for="last-name">Surname</label><input type="text" name="last_name" required /><br /> <label for="email">E-mail</label><input type="email" name="email" required /><br /> <input
Pixel-Grenze und Prozentuale Breite im Verhältnis
8 Antworten
Ich glaube, ich könnte schon die Antwort auf diesen einen, aber ich brauche einen sanity-check! Sagen, ich habe #gridtest{ width:590px; } Konnte ich ändern Sie die Breite auf einen Prozentsatz von über ERGEBNIS=ZIEL/KONTEXT. In diesem Fall ist
Wie füllen Sie 100% der verbleibenden Breite
8 Antworten
Gibt es eine Arbeit um so etwas wie erwartet funktioniert? Ich wünschte, es gäbe so etwas wie, dass width:remainder; oder width:100% - 32px;. width: auto; funktioniert nicht. Ich denke, der einzige Weg, die möglich ist, zu arbeiten,
Wie man Kinder auto Sitz Elternteils Breite nur mit CSS?
2 Antworten
Ich habe eine server-seitige Komponente, die erzeugt eine fluid-layout "toolbar" mit DIV ohne Feste Breite, generieren viele A drin. Dann muss ich anpassen, das layout zu machen alle A tags auto-fit, um die übergeordneten Breite. Aber die
Wie die Umsetzung fluid Schriftgröße mit reinem CSS
4 Antworten
Habe ich text verpackt in <div>s, und möchte die ganze Flüssigkeit einschließlich der font-size der text, d.h. der text ändert sich in Antwort auf die Größe des enthaltenden Elements. Stieß ich auf eine Wenn javascript + CSS-Lösungsondern
Responsive Mauerwerk jQuery-layout-Beispiel
1 Antworten
Kann jeder jeden schlagen, wie diese Seite nutzt das jQuery Masonry plugin für seine responsive, fluid layout? http://tympanus.net/codrops/collective/collective-2/ Speziell; Die Anzahl der Spalten ändert sich von 3 auf 2 auf 1 auf browser-Größe, die ist, was erwarten
auto-resize-text (schriftart, Größe) bei der Größenänderung Fenster?
8 Antworten
Ich versuche(vergeblich) zu bauen, eine Seite, deren Elemente würde die Größe als ich verändert die Größe des Fensters. Ich habe es in css für die Bilder kein problem, aber ich kann nicht scheinen, um zu erreichen das
Bootstrap Affix-plugin mit fluid-layout
4 Antworten
Wenn ich verwenden möchten, um das affix-plugin für die Seitenleiste in der fluid-layout, sondern die Breite der sidebar immer ändern, wenn es angebracht ist und das "responsive design" arbeiten Sie nicht zu. In der Bootstrap-Dokumentation das affix-plugin
Zwei divs nebeneinander - Fluidanzeige
3 Antworten
Ich versuche, zwei divs nebeneinander und mit den folgenden CSS-Code für es. #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTML ist einfach, zwei Links und rechts div in ein wrapper-div.
Bootstrap: Flüssigkeitstabelle zu breit für Fenster
6 Antworten
Arbeite ich an einem Projekt mit twitter bootstrap. Wir haben eine Tabelle mit vielen Spalten und wird größer als das browser-Fenster zu fast jeder Zeit. Dies ist, was passiert auf der rechten Seite : Den Tabellenrahmen bleibt
Navigation in flüssigem Twitter Bootstrap 2.0 wurde korrigiert
7 Antworten
Ist es möglich, die sidebar-navigation bleiben immer fest auf Blättern in der fluid-layout? InformationsquelleAutor der Frage sl_bug | 2012-02-19
CSS Flüssigkeitssäulen, feste Ränder; der heilige Gral der heiligen Grals
10 Antworten
Update & Zusammenfassung Fühle ich mich verpflichtet, diese Frage klarer, dass es jetzt ein Kopfgeld angehängt. (Auch, ich bin mir ziemlich sicher, das wird ein Kinderspiel, wenn die calc() CSS3-Einheit-Wert unterstützt wird, etwas zu tun, wie width:
Bootstrap: flüssiges Layout ohne externen Rand
1 Antworten
wenn ich: <div class="container-fluid"> <div class="row-fluid"> <div class="span8"> Some Element.... </div> <div class="span4"> Other Element </div> </div> </div> Mit diesem code habe ich noch etwas Spielraum haben, von linken und rechten Fensterrahmen. Wie kann beseitigen diese Margen?
Zweispaltiges Div-Layout mit links und rechts feststehender Säule
5 Antworten
Möchte ich ein zwei-Spalten-layout mit DIVs, wo die Rechte Spalte haben eine Feste Breite von 200px und die linke würde den ganzen Raum, was übrig ist. Es ist ganz einfach, wenn Sie Tabellen verwenden: <table width="100%"> <tr>
- 1
- 2