Tag: css-position

Die „position“ – Eigenschaft in CSS ermöglicht die Steuerung der Position des Elements auf der Seite, indem Sie seinen Wert auf „static“ (die Standardeinstellung), relative, absolute, fixed oder klebrig.

Zeigt nun die Anzahl der Benachrichtigungen auf das Symbol

Anzahl der Antworten 1 Antworten
Ich habe eine Benachrichtigungs-Symbol (font-awesome), die zeigt die Anzahl der Benachrichtigungen. Ich bin mit einem problem zu versuchen, um die Zahl für die Anzeige in der richtigen position, wie in dargestellt, siehe unten Bild Muss ich den

DIVS über flash-movies im Internet Explorer

Anzahl der Antworten 4 Antworten
Die alte Frage... warum zum Teufel nicht ein div positioniert, über ein flash-Objekt bleiben an der Spitze mit z-index. Ich fand die Antwort in der Vergangenheit, aber es ist schon so lange, ich kann nicht scheinen, um

position:fixed, wenn Links/oben/rechts/unten nicht angegeben - gewünschte Ergebnisse in FF/IE, aber nicht in Safari

Anzahl der Antworten 3 Antworten
Haben leider bitten, noch ein weiteres position:fixed Verwandte Frage, aber das Lesen durch verschiedene andere Fragen und forum-threads hat mir nicht geholfen mit diesem ein. Code, der folgt, ist eine vereinfachte Veranschaulichung, wie ich mit position:fixed in

Absolute und fixe Positionierung zusammen

Anzahl der Antworten 4 Antworten
Wie Sie sehen können auf dieser Seite: http://pitchfork.com/ , es gibt einige audio-Elemente auf der rechten Seite. Habe ich geprüft und Sie scheinen zu haben eine absolute Positionierung. Aber wenn Sie nach unten scrollen, werden Sie sehen,

Kraft "position: absolute" relativ zum Dokument und nicht der übergeordnete container

Anzahl der Antworten 5 Antworten
Ich versuche, fügen Sie ein div in einem beliebigen Teil des Körpers und seine position: absolute relativ zum gesamten Dokument und nicht ein übergeordnetes element hat eine position: relative. Wenn es die position ist absolut relativ zu

Wie kann ich nach unten ausrichten mehrere inline-block-divs in einem container, ohne Ihre fließen?

Anzahl der Antworten 3 Antworten
Dies ist für einen sehr einfachen Balkendiagramm ich auf Arbeit bin, <div id="container"> <div style="display:inline-block;"> </div> <div style="display:inline-block;"> </div> <div style="display:inline-block;"> </div> </div> Wenn ich den container auf die relative und die innere divs absolute & bottom:0,

Warum nicht translateX erwartungsgemäß für Feste Elemente auf IE9, IE10 und IE11?

Anzahl der Antworten 1 Antworten
Ich versuche, um die folgenden im IE9, IE10 und IE11 (funktioniert auch einwandfrei unter Chrome und FF): Im mobilen Modus, ich habe einen main #container wrapper, der hält das ganze Website-Inhalte und eine nav-Seite Menü-div-Element, welches innerhalb

HTML -, CSS - Bild im Bild, wie zu tun?

Anzahl der Antworten 3 Antworten
Habe ich dieses Stück HTML-code: <div> <div> <image src="image-inside-pic-png.png" alt=""> </div> <image src="pic.png" alt="" /> </div> Den Abb.png (300x300 px) ist das Haupt-Bild. Ich würde gerne die Bild-Insider-pic-png.png (20x20 px) innerhalb der it. Wenn ich position: absolute;

Dropdown-Breite gleiche wie parent

Anzahl der Antworten 1 Antworten
Ich erstelle eine drop-down-Menü, das top-level-Element Liste wird die Anzeige von Benutzernamen. Ich habe ein bisschen ein Problem, weil ich möchte das dropdown-Menü, um die gleiche Breite in der top-level-Element Liste wird mit der Maus auf. Jedoch,

Wie positioniert man ein Bootstrap popover?

Anzahl der Antworten 10 Antworten
Ich versuche, die position eines Bootstrap popover für einen trigger, der sitzt auf der weit rechten oberen Ecke ein 960px breites web-Seite. Ideal, würde ich platzieren Sie es auf den Boden und bewegen Sie den Pfeil mit

Festes Menü Links und den content Scrollbar sein soll

Anzahl der Antworten 3 Antworten
Ich würde gerne ein Menü, das fixiert ist auf der linken Seite und den Inhalt Scrollbar ist auf der rechten Seite. Was ich will zu tun ist, genau wie diese website: http://other.wpengine.com/ Menü behoben und der Inhalt

Ist es möglich, die Breite des übergeordneten Elements, wenn position: fixed angewendet wird?

Anzahl der Antworten 8 Antworten
Wenn man position:fixed auf ein element, wird aus dem normalen Fluss des Dokuments, von daher hat er nicht respektieren die Eltern-element Breite. Gibt es Möglichkeiten, um es zu Erben, ist die Muttergesellschaft der Breite wenn dies erklärt

Center div horizontal

Anzahl der Antworten 7 Antworten
Auf auf dieser Seite, würde ich gerne horizontal zentrieren des Haupt - #div-container relativ an der Seite. Normalerweise würde ich erreichen dies durch hinzufügen einer CSS-Regel, #container { margin: 0 auto } Jedoch, das layout dieser Seite

Überlauf in der sidebar mit Twitter Bootstrap Affix

Anzahl der Antworten 2 Antworten
Ich versuche, das affix-plugin von twitter bootstrap, aber ich kann nicht herausfinden, wie zu beschränken, es im übergeordneten container habe ich erstellt das folgende Beispiel, um zu zeigen, mein problem: Problem demo: http://www.codeply.com/go/DvcRXkeFZa <div class="container"> <div class="row">

Nicht dazu in der Lage div.Stil.Links und div.Stil.top-css-Eigenschaften via JavaScript

Anzahl der Antworten 3 Antworten
Lief ich in ein sehr verwirrendes problem heute Habe ich eine Leinwand, und ein div-Element, wie dies <canvas id="canvas" width="800" height="400"></canvas> <div id="xy"></div> Ich dann die Eigenschaften der div-Element über eine css-Datei, z.B. mit position:absolute und display:none

Bewegen Sie ein Bild nach unten

Anzahl der Antworten 5 Antworten
Ich entwickle eine Webseite für Bilder auf einem Karussell. Wie kann ich ein Bild unten in einem DIV-oder auch center vertikal? Hier ist mein CSS code: .carousel .item { height: 900px; background-color: #777; } .carousel-inner > .item

CSS z-index funktioniert nicht (position absolute)

Anzahl der Antworten 9 Antworten
Ich versuche, den schwarzen div (relative) über die zweite gelbe (absolut). Das schwarze div übergeordnete position absolut zu. Code: CSS: #relative { position: relative; width: 40px; height: 100px; background: #000; z-index: 1; margin-top: 30px; } .absolute {

css : verhindern, dass div-Breite aus der Erweiterung der verfügbaren Breite

Anzahl der Antworten 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

Center position:fixed element

Anzahl der Antworten 14 Antworten
Ich würde gerne eine position: fixed; popup-Fenster zentriert auf dem Bildschirm mit einer dynamischen Breite und Höhe. Ich verwendet margin: 5% auto; für diese. Ohne position: fixed; it-Zentren fine horizontal, aber nicht vertikal. Nach dem hinzufügen position:

Fixed-Position-div Nur Vertikal

Anzahl der Antworten 3 Antworten
Ich habe einen aktuellen web-bauen Sie mit der rechten Seitenleiste, die eine Feste position. Ich habe versucht, die Positionierung von der rechten Seite, aber nicht wollen, dass es überschneidungen zu anderen divs content. Was ich Suche ist,

Feste position funktioniert nicht mit Chrome

Anzahl der Antworten 4 Antworten
Rechten Spalte fester position arbeitet auf Opera & Firefox aber nicht in Chrome, keine Lösung? #rightcolumn { margin: 0px 0px 0px 0px; float: right; font-family: Arial; font-weight: bold; height: auto; width: 300px; display: inline; position: fixed; }

Ausblenden von div-hinter seinen Eltern?

Anzahl der Antworten 3 Antworten
<div class="content-wrapper"> <div class="popup"> <div class="close"> </div> </div> </div> .content-wrapper relativ positioniert und enthält alle für den Inhalt der Seite (und nicht nur das popup). .popup ist absolut positioniert. .in der Nähe ist auch absolut positioniert. Habe

Entfernen einer festen position von einem DIV-Tag für alle mobilen Geräte?

Anzahl der Antworten 2 Antworten
Ich habe ein DIV, dass ist Fixer, aber ich möchte es werden, relativ gesehen von mobile-Geräten. Ist dies möglich mit einem speziellen css? Erik InformationsquelleAutor Erik | 2012-12-19

Position: sticky Tasten funktioniert nicht im IE 11

Anzahl der Antworten 5 Antworten
Muss ich das div mit den Tasten klebrig, so dass die Tasten in das div wird, bleiben an der Unterseite, wie der Benutzer führt einen Bildlauf auf dem Bildschirm. Dies ist, so dass die Benutzer nicht haben,

Ausrichtung position:sticky Elemente, die momentan in einem 'hängen' Zustand

Anzahl der Antworten 4 Antworten
position: sticky funktioniert auf einigen mobilen Browsern nun, so können Sie eine Menüleiste scrollen mit der Seite, aber dann kleben Sie an die Spitze des Viewports, wenn der Benutzer scrollt es. Aber was, wenn Sie wollen, restyle

Wie man div ' s Prozentsatz der Breite relativ zum übergeordneten div-Element und nicht-viewport

Anzahl der Antworten 2 Antworten
Hier ist der HTML arbeite ich mit. HTML: <div id="outer" style="min-width: 2000px; min-height: 1000px; background: #3e3e3e;"> <div id="inner" style="left: 1%; top: 45px; width: 50%; height: auto; position: absolute; z-index: 1;"> <div style="background: #efffef; position: absolute; height: 400px;

Warum ist `overflow:hidden` verhindern `position:sticky` arbeiten?

Anzahl der Antworten 3 Antworten
Wird im folgenden Codeausschnitt gezeigt, es gibt einen sticky div positioniert innerhalb eines Containers. Es klebt an der Spitze der Bedienfeld mit Bildlauf während des Aufenthalts in seinem container die ganze Zeit. Dies ist das gleiche Verhalten

CSS "transform: rotate()" beeinflussen design mit "position: absolute" (nicht korrekt ausgerichtet)

Anzahl der Antworten 2 Antworten
Ich befürchte, dass ich wirklich nicht weiß, wie es zu erklären so gut ich kann zu zeigen. Also ich habe diese Geige. Wie Sie sehen können, ist das nav-Menü ist nicht da, wo es sein sollte. Es

jQuery UI-draggable mit absoluter position und bottom-Eigenschaft

Anzahl der Antworten 3 Antworten
Ich bin mit jQuery UI erstellen ziehbar <div>. Die <div> ist absolut positioniert, um die unten-rechts oder oben-Links mit CSS: .dragbox { position: absolute; width: 140px; min-height: 140px; /* I need to use min-height */ border: 3px

wie setzt die absolute position der div

Anzahl der Antworten 3 Antworten
Ich habe eine absolute position der div, dass ich auf die unten von anderen div. Wenn ich maximieren oder minimieren des browser drücken Sie Strg +/- ist dann mein absolutes positionieren von div-bleiben Sie nicht seine ursprüngliche

CSS : absolute Zentrierung positioniert text im Elternelement

Anzahl der Antworten 3 Antworten
Wie kann ich den center absolut positionierten text innerhalb des fluid Elternelement? Ich bin versucht zu verwenden text-align:center auf parent-Elemente, aber es ist immer Zentren des Kindes linken Ecke, die nicht element von sich selbst. http://jsfiddle.net/sucTG/2/ Warum

Bootstrap-modal-an der Spitze der iframe-unabhängig von der scroll-position. Wie Stelle ich es am Bildschirm?

Anzahl der Antworten 4 Antworten
Beim einbetten einer Bootstrap-app in einem iframe modale Dialogfelder öffnen sich immer am oberen Rand des iframe, nicht die oben auf dem Bildschirm. Als ein Beispiel, gehen Sie zu http://getbootstrap.com/javascript/ und öffnen Sie ein Beispiel modal auf

Verhindern Feste position element flimmern, während der jQuery-animation

Anzahl der Antworten 3 Antworten
Diese Frage eignet sich sowohl für normale jQuery-und jQuery-Mobile-Seiten, wie ich arbeite derzeit an einem von jedem in dem moment mit dem gleichen Problem. Dies ist natürlich nur ein Problem auf mobilen Geräten, oder zumindest das iPhone

Wie kann ich den Inhalt von einem festen element Scrollbar nur wenn es über die Höhe des Viewports?

Anzahl der Antworten 9 Antworten
Ich habe eine div positioniert fixed auf der linken Seite einer web-Seite mit Menü-und Navigations-links. Es hat keine Höhe festlegen von css, die Inhalte bestimmt, die Höhe, die Breite ist fest. Das problem ist, dass wenn der

Wie kann ich überlappende divs mit relativer Positionen?

Anzahl der Antworten 4 Antworten
Ich will ein paar divs positioniert werden, die in einer Linie neben einander, sondern auch es Ihnen ermöglichen, überlappen sich die bisherigen div. Was ich versuche zu bekommen ist eine Zeitleiste mit divs für Ereignisse bestimmter Länge.

absolut positionierte divs, die nicht verschieben, wenn die Seite gescrollt wird

Anzahl der Antworten 3 Antworten
Ich habe dies in der Vergangenheit getan-mit einer Methode, ähnlich wie diese: http://javascriptkit.com/javatutors/static3.shtml aber ich weiß nicht, wie die "flicker" - Effekt, wie die Seite gescrollt wird und das div verschieben muss mit dem scrollen. In letzter

Wie man ein Bild hinter den text in CSS?

Anzahl der Antworten 4 Antworten
Ich soll ein Bild angezeigt werden hinter text in eine <h1> tag. Aber wenn ich das Bild ersetzt den text und schiebt den text darunter. Screenshots : Vor und Nach CSS body { background-color: #1a1a1a; } header,

Wie verwenden von CSS position klebrig zu halten, eine Seitenleiste sichtbar mit Bootstrap 4

Anzahl der Antworten 4 Antworten
Ich habe zwei Spalten-layout wie dieses: <div class="row"> <div class="col-xs-8 content"> </div> <div class="col-xs-4"> </div> </div> Wenn ich die position:sticky auf die sidebar-Spalte, bekomme ich die klebrige Verhalten der sidebar: https://codepen.io/marcanuy/pen/YWYZEp CSS: .sticky { position: sticky; top:

Mit position: relative im inneren ein flex-container

Anzahl der Antworten 1 Antworten
Mache ich eine Vorschau der post, wie seine text-und Bild-als hintergrund-mit einigen filtern. Das problem ist, dass ich will das gesamte div nicht 1300px, aber nur 650px. Jedoch, diese Art und Weise will ich nicht in der

Richtige Weg, um center-ein absolutes Taste innerhalb einer relativ übergeordneten container

Anzahl der Antworten 1 Antworten
Habe ich erreicht, das Ergebnis will ich nicht. Aber es ist nicht der richtige Weg, es zu tun. Zum Beispiel, wenn mein übergeordneten container jemals ändert breiten, dieser hack wird nicht funktionieren. Aber ich Tat dies nur,

CSS-Kurzschrift für die Positionierung

Anzahl der Antworten 4 Antworten
Dort sind alle Kürzel für top right bottom left oder für width und height ? Ich habe viel css wie dieses #topDiv { position:absolute; top:0px; left:0px; right:0px; height:100px; } #centerDiv { position:absolute; top:100px; bottom:120px; left:0px; right:0px; }

Div mit fester position bewegt, die relativ zu margin:auto Elementen

Anzahl der Antworten 1 Antworten
Ich habe ein div mit einer festen position, aber ich will es bleiben in der gleichen position, wenn mein browser-Bildschirm wird vergrößert oder verkleinert in der Breite. Da habe ich margin:auto handeln auf die umgebende html-Objekte, es

Jquery Slide Effekt auf absolut positionierten Div

Anzahl der Antworten 1 Antworten
Ich habe einige Probleme mit den slide-Effekt (slideToggle, in diesem Fall) auf einige position:absolute Divs. Bevor ich getan habe, die position Arbeit - ich brauchte es für die Grenze Pfeil - es funktionierte perfectely. Aber, nachdem ich

center Vollbild-hintergrund-video

Anzahl der Antworten 1 Antworten
Habe ich vor kurzem gespielt, um mit html5 und kam auf die Idee, zu verwenden einer Vollbild-video als Webseiten-hintergrund verwenden Sie den folgenden html-code: <video id = "video_background" preload = "auto" autoplay = "true" loop = "loop">

Festen header und eine ansprechende website-Thema

Anzahl der Antworten 1 Antworten
Habe ich versucht, eine website zu erstellen mit einem festen header, aber die ist auch responsive. Hier ist was ich habe, so weit. Ich würde kleben Sie es in ein jsfiddle aber Sie können nicht sehen, was

CSS position relative ohne relative Breite?

Anzahl der Antworten 3 Antworten
Ich würde gerne ein element mit relativer Positionierung. Aber ich will nicht das untergeordnete element (mit position:absolute) relative Breite der Eltern. Beispiel: http://jsfiddle.net/t2yJP/. Ich würde gerne die zweite body>div zu haben position:relative haben, aber Ihr Kind ist

ausrichten, div unten von einem anderen div?

Anzahl der Antworten 4 Antworten
hier ist der css - /html - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> #chatContainer { position: fixed; bottom: 20px; right: 0; vertical-align: bottom; } .chat {

CSS Mit position relative+absolute oder negative Marge

Anzahl der Antworten 3 Antworten
Ich möchte ein kleines div (50x50) in der Mitte ein anderes div (200x200). Habe ich 2 Möglichkeiten, es zu tun: Mit position absolute und relative position:relative position:absolute top:75px; left:75px; oder Mit negaive Marge margin:-125px 0 0 75px;

CSS Vertical Align DIV in die Mitte

Anzahl der Antworten 1 Antworten
Ich bin versucht, ein div-element, in der Mitte ein div-container sowohl vertikal als auch horizontal, wenn wir nicht wissen, die Höhe der container. Habe ich das container-element, um fit über die gesamte Höhe und Breite des Dokuments

Fußzeile angezeigt über den Inhalt. Ich muss es immer unten auf der Seite

Anzahl der Antworten 3 Antworten
Ich bin neu in CSS und HTML, und ich bin versucht, zu erstellen eine einfache HTML-Seite. Also über die Umsetzung : Ich habe ein Haupt-div-container genannt, mit einer relativen Positionierung. Im inneren dieser Haupt-div habe ich 3