zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden relative div zu fixed div

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.04.2019, 13:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2019
Beiträge: 2
computerfreak befindet sich auf einem aufstrebenden Ast
Standard relative div zu fixed div

Hallo

ich habe bisher noch nicht so viel mit CSS gemacht. Ich versuche gerade eine breadcrumb daran zu hindern, das sie beim Scrollen aus dem Blickfeld verschwindet. Sie soll immer oben am Rand stehen. Darunter soll ein Div, das den Content anzeigt

---------------
| breadcrumb |
---------------
---------------
|
| Content

Jetzt ist mein Problem, das die Breadcrumb manchmal 2zeilig wird und dann das div vom Content mit reinrutscht. Ich würde daher gerne den Content-div relativ zur Breadcrumb setzen. Ich hoffe ihr versteht was ich meine

Code:
 .breadcrumbs {
        position: fixed;
        top: 150px;
        z-index: 999;
        margin: 2 auto;
        font-size: 10px;
        width: 90%;
    }


    .mobilecontent {
        overflow: scroll;        
        height: 80vh;
        position: relative;
    }
Aber das klappt nicht so richtig
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.04.2019, 15:16
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.988
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Das wird so nicht funktionieren, wenn du ein Element fix plazierst kannst du keine Elemente relativ dazu platzieren.
Du kannst zB verhindern dass die breadcrumbs zweizeilig werden.
Eventuell bringt dir die Verwendung von https://css-tricks.com/position-sticky-2/ position:sticky das gewünschte Resultat.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.04.2019, 15:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2019
Beiträge: 2
computerfreak befindet sich auf einem aufstrebenden Ast
Standard

Danke das funktioniert
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
DIV Höhe 100% Daniel86 CSS 12 29.07.2011 12:40
Div-Anordnung unterschiedlich - Warum? AndMei CSS 2 15.12.2010 21:22
Header entfernen tripple CSS 17 15.06.2010 15:41
Div Wight Auto???? temp11 CSS 8 30.06.2009 12:34
div background fixed im firefox opa-rudi CSS 0 13.03.2006 15:30


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:04 Uhr.