Tag: positioning

Dieser tag ist mehrdeutig. VERWENDEN SIE DIESES TAG NICHT. – Bitte verwenden Sie (oder erstellen Sie, falls nötig) weitere, speziellere tags.

Mischen floating-und fixed-Positionierung

Anzahl der Antworten 3 Antworten
hier ist ein standard, der die Verwendung von float und festen : <html> <head> <style type="text/css"> #bigDiv { background-color: red; height: 2000px; width: 100px; float: left; } #littleDiv { background-color: green; height: 400px; width: 200px; float: left;

How to make <span> gleicher Höhe <input type="text">

Anzahl der Antworten 3 Antworten
Ich versuche ein element nach Links ein element, aber ich kann nicht scheinen, um die gleiche Höhe und Ausrichtung mit einander. Die Spanne scheint immer positioniert werden, ein wenig höher. Jemand irgendwelche Ideen? Funkelt* Edit: HTML-Abschnitt <label

CSS z-index funktioniert nicht richtig

Anzahl der Antworten 3 Antworten
Bin ich mit z-index auf meiner Seite (link nicht mehr benötigt wird- ), und es funktioniert nicht richtig: es bedeutet nicht, bestimmte divs über alle anderen... Können Sie sehen es selbst, indem Sie eines der Objekte in

Wie center-wrapper-div und nicht der Inhalt

Anzahl der Antworten 3 Antworten
Ich möchte, dass meine Seite immer zentriert im browser, ohne die Inhalte( wie align-text: center;). Ich möchte Mitte meine wrapper-div.. Wie mache ich das? Vereinfachte bestehenden Seite: <div id="wrapper"> <div id="header"> Music Heaven </div> <div id="topmeny"> </div>

CSS - Positionierung der Bilder neben text

Anzahl der Antworten 5 Antworten
Ich mache eine Website, in der die Bilder müssen im folgenden vorgestellt, um textliche Inhalte - eine Art pseudo-zwei-Spalten-layout, wie die Bilder und text kommen aus einer einzigen html-Quelltext. Ich gefunden habe eine Recht einfache Möglichkeit, dies

Clearfix mit absolut positionierte Elemente

Anzahl der Antworten 2 Antworten
Mein problem ist Folgendes: Die Grenze nicht umbrochen, die die Elemente enthalten. Ich weiß, das ist, weil ich die position der content-Element absolut, aber ich brauche absolute für das layout zu arbeiten. Dies bedeutet auch, dass ich

jQuery DIV position fixed oben auf den Blättern

Anzahl der Antworten 1 Antworten
Ich habe eine Seite, die ist ziemlich lang und im layout-Menü, es gibt ein flyout-Menü. Ich würde dies gerne flyout des Menüs zu zeigen, am oberen Rand der Seite, selbst wenn der Anwender bereits gescrollt hat die

C# - Fenster Positionierung

Anzahl der Antworten 4 Antworten
Verwendung von Windows Forms-ich wollte die position des Fensters in bestimmten coords. Ich dachte, es getan werden kann in einer einfachen Weise, aber der folgende code funktioniert gar nicht: public Form1() { InitializeComponent(); this.Top = 0; this.Left

warum div Zusammenbruch mit relativer/absoluter Positionierung?

Anzahl der Antworten 2 Antworten
Habe ich behandelt mit divs reduzieren, auf Ihre Inhalte bei der Verwendung von float-Positionierung (z.B. lösen von Problemen mit overflow:hidden), aber ich versuche zu lernen, absolute/relative Positionierung und kann nicht herausfinden, warum die div-container, in sich zusammenstürzt.

Konvertieren absolute position, relative

Anzahl der Antworten 5 Antworten
Ist es möglich, zu ändern, DIV position von absolute auf relative (und von der relativen auf die absolute)? DIV sollte weiterhin auf der gleichen Stelle. Sind Sie Fragen, "es bleibt an der gleichen Stelle?". Wenn ja, wird

Absolut-Positionierung von Bildern innerhalb relativ positionierten div

Anzahl der Antworten 1 Antworten
Habe ich gesehen, dass mehrere Beiträge mit diesem Thema verbundene, aber kann immer noch nicht die folgende arbeiten: .container { position: relative; width: 100%; } .left { position: absolute; left: 0px; } .right { position: absolute; right:

CSS: Wie man einen div-block *nicht* nehmen Sie Platz im übergeordneten container

Anzahl der Antworten 4 Antworten
Wenn ich 2 div-tags: <div id="parentDiv"> <div id="childDiv"><!-- other html --></div> <!-- parent div html --> </div> Möchte ich den Inhalt <div id="childDiv"> sich den Inhalt <!-- parent div html -->. Grund (für den Fall, das sieht

Fixed-position nur in eine Richtung

Anzahl der Antworten 2 Antworten
So, im wesentlichen, ich möchte ein Element, das fest am unteren Ende der Seite, aber wenn die Ansicht scrollt horizontal, sollte es horizontal scrollen zu. Kann ich hack aus ein Mittel, dies zu tun, mit JavaScript, aber

CSS Absolute Positionierung in Tabellenzellen funktioniert nicht im Firefox

Anzahl der Antworten 7 Antworten
Kann ich nicht herausfinden, diese Positionierung problem in Firefox. Es scheint nicht zu Folgen, die absolute Positionierung-Regel. Gibt es etwas, was ich Tue, nicht getan werden sollte, aber einige browesers und manche nicht? JS Fiddle: Original -

zufällige position der divs in javascript

Anzahl der Antworten 4 Antworten
Ich versuche, mich Divs erscheinen zufällig irgendwo auf einer Webseite mit javascript. Also ein div-Element angezeigt wird, dann verschwindet, dann ein weiteres div-Element angezeigt wird, irgendwo anders auf der Seite verschwindet dann wieder, dann noch div erscheint

Geben Sie den rechten Rand, in der festen Positionierung

Anzahl der Antworten 6 Antworten
Ich habe keine Ahnung, wie der Titel dies richtig, aber hier ist mein problem: Habe ich dieses layout: <html> <body> <div id="content">this is my page</div> <div id="button">magic button</div> </body> </html> css: #button { position: fixed; bottom: 20px;

Wie kann ich die position für ein element an der Unterseite der container in Firefox?

Anzahl der Antworten 7 Antworten
Ich habe eine Zelle in der Tabelle, und ich will eine div innerhalb es immer auf der unteren linken Ecke. Das folgende funktioniert in IE und Safari, aber Firefox ist die Positionierung der div absolut auf der

Zwei divs floating rechts übereinander

Anzahl der Antworten 3 Antworten
Ich versuche zwei divs auf der rechten Seite des übergeordneten div-einer über den anderen. So etwas wie dieses: div#top |-------------------------------------||------------| |div#parent ||div#menu | | |---------|||float:right | | |div#up ||| | | | ||| | | |---------|||------------| |

Wie kann ich richtig position absolute divs innerhalb twitters bootstrap css-framework

Anzahl der Antworten 1 Antworten
Ich kann nicht scheinen, um einen div absolut positionieren innerhalb der übergeordneten mit der twitter bootstrap framework. Ich habe eine Reihe von Zeilen, die Folgen einem Schema wie folgt <div id='wrapper'> <div class='row-fluid'> <div class='span2'>some content here</div>

Nachteil von "display: block" für Bilder?

Anzahl der Antworten 4 Antworten
Gibt es eine Kehrseite der Umwandlung img von inline-block-Elemente in block-Objekte mit der display: block CSS-Eigenschaft? Meisten der Zeit, ich will, dass Sie block Elemente. Jede nützliche inline Aspekte, die ich verliere? (Vielleicht bin ich nicht zu

Die Absolute Positionierung mit Prozentangaben geben unerwartete Ergebnisse

Anzahl der Antworten 3 Antworten
Bitte beachten dieses jsfiddle, mit diesem html-code: <div id="container"> <div id="item">TEST</div> </div> Und einige CSS: #container { border: 1px solid red; height: 100px; width: 100px; } #item { border: 1px dashed purple; position: absolute; left: 50%; }

Vertikale Platz auf Elemente mit position:absolute

Anzahl der Antworten 2 Antworten
Wie kann ich Elemente mit position:absolute und dynamische Höhe besetzen vertikalen Raum mit nur css? Gibt es irgendeinen trick, mit Containern und Anzeige, die ich verwenden kann? position: absolute bedeutet, dass Sie nicht besetzen Raum in der

Was würde offsetParent null?

Anzahl der Antworten 6 Antworten
Ich versuche zu tun, Positionierung in JavaScript. Ich bin mit einer kumulierten position und Funktion auf der Grundlage der klassische quirksmode Funktion, dass die Summen offsetTop und offsetLeft für jeden offsetParent bis zum obersten Knoten. Jedoch habe

wie Sie festlegen, DIV position um 200 Pixel nach Links von der Mitte

Anzahl der Antworten 3 Antworten
Ich möchte die position eines DIV 200 Pixel Links von der Mitte. Ich bin derzeit mit dem folgenden code, aber auf displays mit höherer Auflösung (z.B. 1920×1080), die DIV war Herausrutschen der position: .hsonuc { position: absolute;

Bootstrap-modal-immer ohnmächtig, weil der Navigationsleiste positioniert

Anzahl der Antworten 2 Antworten
Wenn meine Bootstrap-modal angezeigt wird, es sieht aus wie es ist hinter dem schwarzen hintergrund. Klicken Sie irgendwo auf dem Bildschirm bewirkt, dass der modal Weg zu gehen. Scheint das problem verursacht zu werden durch die Positionierung

wie positionieren divs in einem weiteren div

Anzahl der Antworten 3 Antworten
Ich will position divs in einem weiteren div. Hier ist der relevante Ausschnitt des css (vollständiges Beispiel auf cssdesk): .textblock-container { width: 500px; height: 500px; border: 1px solid red; } div.textblock { width: 100px; height: 100px; line-height:

Immer die absolute position eines Elements relativ zum browser

Anzahl der Antworten 5 Antworten
Habe ich einen div gesetzt, um die css-Klasse float-mit float: .float { display:block; position:fixed; top: 20px; left: 0px; z-index: 1999999999; } * html .float {position:absolute;} Diese Klasse bewirkt, dass das element zu bleiben in einer festen position

Schränken Grenze-Breite der Breite des Textes in ein block-element

Anzahl der Antworten 6 Antworten
Ich habe eine <h2> Titel in ein fest mit <div> (238px). Wenn die Seite gerendert wird, wird im browser verwalten Zeilenumbrüche in den Titel, um den text passen Sie die Breite (238px). Aber die width-Eigenschaft des h2-element

Warum z-index funktioniert nicht bei div?

Anzahl der Antworten 4 Antworten
Ich bin versucht, meine Fußzeile anzeigen auf der Oberseite der Fußzeile hintergrund, hat aber z-index scheint nicht zu funktionieren. Hat jemand sehen, was falsch mit ihm? http://jsfiddle.net/f2ySC/ InformationsquelleAutor der Frage TruMan1 | 2012-03-06

Wie kann ich die Breite von "overflow: auto;" Scrollbalken in einer dynamischen Größe absolute div?

Anzahl der Antworten 2 Antworten
(Erste Frage auf Stack Overflow. Hoffe ich mache es richtig.) Ich versuche zu schaffen, eine schwimmende Menü, erbt seine Breite aus dem Inhalt (da ich nicht weiß, die Breite im Voraus, D. H. von einer URL geladene).

Wie wählen Sie Optionen überschneiden eines absolut positionierten DIV?

Anzahl der Antworten 5 Antworten
Habe ich einen absolut positionierten div, die funktioniert wie ein tooltip. Wenn Sie mit der Maus über ein element zeigt und versteckt sich dann auf die Maus. Ich habe einige <select> Elemente in der Seite, die über

Bewegen Sie den zoom-Leiste auf der rechten Seite mit Google Maps API v3

Anzahl der Antworten 1 Antworten
Ich bin auf der Suche um zu bewegen Sie den zoom-Schaltflächen in der Google Maps-Javascript-API von Links nach rechts. Wenn wir lassen Sie die Standard-setup haben wir diese: Wenn ich mich bewege es über etwa so: panControl:

Ausrichtung Problem mit inline-Blöcke in verschiedenen Höhen

Anzahl der Antworten 1 Antworten
Ich versuche, die Blöcke abgebildet, miteinander in Einklang zu bringen, aber wenn Sie sind in unterschiedlichen Höhen, die aus irgendeinem Grund den kürzeren div am unteren Rand der div-container. Weder div jede Art von padding oder margin

scrollen Sie dann snap to top

Anzahl der Antworten 5 Antworten
Einfach Fragen, wenn jemand eine Idee hat, wie könnte ich re-erstellen Sie eine nav-bar style, die ich sah vor einer Weile, fand ich die Website, die ich sah es auf, bin mir aber nicht sicher, wie Sie

wie man ein div-float nach unten?

Anzahl der Antworten 5 Antworten
Ich habe 4 divs. Die eine ist die äußere Hülle, und die anderen 3 sind header, Inhalt und Fußzeile jeweils. Alle die gleiche(Feste) Breite. Aber die Höhe der äußeren Hülle und der content-div, variabel sind. unabhängig von

Verlängern Kind div über div-container

Anzahl der Antworten 3 Antworten
Ich versuche, erweitern Sie diese über div mit der Breite des Browsers. Ich habe gelesen von hier die Sie verwenden können {position:absolute; left: 0; right:0;} zu erreichen, wie im jsfiddle hier: http://jsfiddle.net/bJbgJ/3/ Aber das problem ist, dass

jQuery: Unterschied zwischen position() und offset()

Anzahl der Antworten 3 Antworten
Was ist der Unterschied zwischen position() und offset()? Ich habe versucht, das folgende in ein click-Ereignis: console.info($(this).position(), $(this).offset()); Und Sie scheinen zurück genau das gleiche... (Die angeklicktes element innerhalb einer Tabellenzelle in einer Tabelle) InformationsquelleAutor der Frage

Z-Index Relative oder Absolute?

Anzahl der Antworten 4 Antworten
Ich versuche zu finden, eine Antwort auf die folgende Frage: Ist ein element den z-index-Modell seine absolute stack bestellen, oder seinen Stapel, um relativ zu seinem Elternteil? Angenommen, ich habe folgenden code: <div style="z-index:-100"> <div id="dHello" style="z-index:200">Hello

Unterschied zwischen statischer und relativer Positionierung

Anzahl der Antworten 7 Antworten
In CSS, was ist der Unterschied zwischen statischer (Standard) Positionierung und relativer Positionierung? InformationsquelleAutor der Frage jrdioko | 2011-02-16

Wie kann ich ein Div an den oberen Bildschirmrand halten, nachdem es gescrollt wurde?

Anzahl der Antworten 20 Antworten
Ich würde gern ein div, das befindet sich unter einem block der Inhalt, sondern auch, dass, sobald die Seite gescrollt genug, Kontakt zu seiner oberen Grenze, wird fixiert und scrollt mit der Seite. Ich weiß, ich habe

Position nach Mittelpunkt, nicht nach oben links

Anzahl der Antworten 5 Antworten
Ist es möglich zu sagen, die code-position durch den Mittelpunkt eines Elements, sondern durch die top-Links zeigen? Wenn meine Eltern element hat width: 500px; und meine Kind element hat /*some width, for this example let's say it's

Wie platziere ich viele Inline-Block-Elemente?

Anzahl der Antworten 3 Antworten
Ist es möglich, gleichmäßig zu viele Elemente in ein div-Element mit veränderbarer Breite. Hier funktioniert nicht Beispiel. Wenn wir mit text-align:center; Elemente werden zentriert, aber margin:0 auto; funktioniert nicht. Ich möchte, um etwas zu erreichen wie rechtfertigen+center:

Lassen Sie div am Ende des Seiteninhalts bleiben, auch wenn Bildlaufleisten vorhanden sind

Anzahl der Antworten 10 Antworten
CSS-Push-Div unten auf der Seite Schauen Sie bitte auf diesen link, ich will das Gegenteil: Wenn der Inhalt überläuft, um die scrollbars, ich möchte meinen footer immer am komplette unteren Rand der Seite wie Stack Overflow. Ich

Was ist das CSS, um etwas zur nächsten Zeile auf der Seite zu bringen?

Anzahl der Antworten 3 Antworten
Wie kann ich ein element automatisch positioniert werden, auf eine neue Zeile auf der Seite? In HTML könnte ich <br>aber wie füge ich so etwas wie ein line-break in CSS? Sagen, ich habe das folgende code-Beispiel: <p>Lorem

Wie zentriert man ein Bild horizontal und richtet es auf den Boden des Behälters aus?

Anzahl der Antworten 7 Antworten
Wie kann ich center ein Bild horizontal ausgerichtet und an der Unterseite des Behälters in der gleichen Zeit? War ich in der Lage, um das Bild horizontal zentriert von selbst. Ich habe auch schon in der Lage,

Feste Positionen funktionieren nicht, wenn -webkit-transform verwendet wird

Anzahl der Antworten 14 Antworten
Ich bin mit -webkit-transform - (und -moz-transform - /- o-transform) zu drehen, div. Auch position fixed Hinzugefügt, sodass die div scrols nieder mit dem Benutzer. In Firefox funktioniert es einwandfrei, aber in webkit-basierten Browser, es ist gebrochen.

Positionieren Sie ein Element relativ, ohne dass es Platz im Dokumentenfluss beansprucht

Anzahl der Antworten 5 Antworten
Wie kann ich ein element relativ zu positionieren, und haben es nicht nehmen Platz in der Belegfluss? InformationsquelleAutor der Frage Web_Designer | 2011-05-18

3 Spalten, mittlere mit flexibler Breite

Anzahl der Antworten 1 Antworten
Ich würde gerne ein layout, das aus drei nebeneinander liegenden divs. Seite divs haben statische Breite (kann sich ändern mit javascript) und den center-div füllt die restliche Fläche. Wenn das erste div-Größe änderungen wirken sich nur auf

Zeigt das Dialogfeld in der Mitte des übergeordneten Elements an

Anzahl der Antworten 5 Antworten
Es ist ein Durcheinander gewesen, um zu zeigen, eine DialogBox in der Mitte des übergeordneten Formulars. Hier ist eine Methode, um einen dialog anzeigen. Ich bin Positionierung seiner Eltern zu zentrieren, aber nicht in der Lage, um

CSS-Position: fixiert in einem positionierten Element

Anzahl der Antworten 7 Antworten
Habe ich eine positionierte div-Element, deren Inhalt zu lang, so dass Scrollbalken erscheinen (overflow:auto set). Es fungiert als ein Dialogfenster, in einer ajax-Anwendung. Ich will fix eine schließen-Schaltfläche auf der rechten oberen Ecke, so dass, wenn der