Fixer Navigations Block
am 24.09.2012 - 22:56 Uhr in
Hallo,
ich möchte gern am Bildschirm einen fixen Block der auch bein Scrollen bleibt.?
Danke fürs Mitdenken
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo,
ich möchte gern am Bildschirm einen fixen Block der auch bein Scrollen bleibt.?
Danke fürs Mitdenken
Beiträge im Forum: 250233
Registrierte User: 20450
Neue User:
| wla | 9461 |
| stBorchert | 6003 |
| quiptime | 4972 |
| Tobias Bähr | 4019 |
| bv | 3924 |
| ronald | 3857 |
| md | 3717 |
| Thoor | 3678 |
| Alexander Langer | 3416 |
| Exterior | 2903 |
Das ist reines CSS.
am 25.09.2012 - 09:00 Uhr
Das ist reines CSS. Stichwort: position:absolut;
Beste Grüße
Werner
Fixierungsort
am 28.09.2012 - 14:16 Uhr
Ich wills ganz unten am Bildschirm in einer Zeile (Block) fixiert haben.
Wo leg ich das fest?
DANKE
CSS
am 28.09.2012 - 16:11 Uhr
Mach Dir doch bitte mal die Mühe und suche nach einer Lösung. Das geht bei diesen einfachen Problemen schneller, als hier zu schreiben und darauf zu warten, dass andere danach suchen und Dir dann die Lösung quasi auf dem Präsentierteller vorlegen.
Falls Du nicht wissen solltest, wonach Du suchen möchtest: "css position fixed bottom".
Danke.
theme
am 28.09.2012 - 17:29 Uhr
Danke.
hab rausgefunden ...
muss das css der theme (acquia-marina) mit fixed; erweitern.
Wenn ich dass jetzt im HEAD mache, bleibts zwar an der Stelle, wird aber beim scrollen von Inhalt übergangen/überdeckt.
Wie bekomm ich jetzt das Ding in den Vordergrund?
Habs schnon gesucht, aber ncht gefunden.
DANKE
Stichwort: z-index Beste
am 28.09.2012 - 21:21 Uhr
Stichwort: z-index
Beste Grüße
Werner
HEAD GEHT - FOOTER FEHLT
am 30.09.2012 - 13:26 Uhr
Hab die Fixierung im HEAD geschafft:
/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
/* For full-width header background, add background image/color here */
#header-group-wrapper {
background: #fff;
}
#header-top-wrapper {
background: #fff;
border-bottom: ;
padding-top: 0px;
position:fixed;
z-index:5000;
}
/* This is the Header region in which you can place (small) blocks */
#header-group-inner-inner {
}
UNTEN ( Footer oder postscript-bottom) funtioniert nichts ?!?!
Fehlt da auch der Footer-Wrapper (Block) selbst ??
/* Postscript & Footer Regions
-------------------------------------------------------------- */
.postscript-bottom-wrapper {
background: #144A6E url(../images/preface-wrapper-bg.png) repeat-x 0 0;
color: #fff;
min-height: 24px;
z-index:5000;
position:fixed;
}
.postscript-bottom-wrapper a:link,
.postscript-bottom-wrapper a:visited {
color: #fff;
text-decoration: underline;
z-index:5000;
position:fixed;
}
.footer-message {
font-size: 91.7%; /* 11px/12px */
text-align: center;
z-index:5000;
position:fixed;
}
Wir hatten das Thema schon
am 30.09.2012 - 16:20 Uhr
Wir hatten das Thema schon einmal hier im Drupalcenter - zwar war der Kontext ein klein wenig anders - aber die Lösung hatte ich dort auch schon einmal gepostet: http://www.drupalcenter.de/node/43043#comment-152579
Da hast du dann auch ein "Fiddle" zum rumprobieren..
SteffenR
Danke, aber ....
am 30.09.2012 - 17:17 Uhr
Hi, Danke ... aber irgendwie schaff ich das nicht allein.
Siehst oder erkennst Du den Fehler?
/* Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
.main-wrapper {
background: #fff;
padding-bottom: 150px;
}
/* Postscript & Footer Regions
-------------------------------------------------------------- */
.postscript-bottom-wrapper {
background: #144A6E url(../images/preface-wrapper-bg.png) repeat-x 0 0;
color: #fff;
z-index: 5000;
bottom: 0;
position: fixed;
height: 150px;
}
.postscript-bottom-wrapper a:link,
.postscript-bottom-wrapper a:visited {
color: #fff;
text-decoration: underline;
bottom: 0;
top: 0;
z-index: 5000;
height: 150px;
position: fixed;
}
.footer-message {
text-align: center;
bottom: 0;
top: 0;
z-index:5000;
position:fixed;
height: 150px;
}