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.
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
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
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
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,
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
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,
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
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;
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,
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
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
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
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
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">
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
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
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 {
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
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:
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,
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; }
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
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
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,
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
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;
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
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
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
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
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
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
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
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
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.
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
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,
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:
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
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,
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; }
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
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
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">
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
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
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 {
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;
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
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