Seite 1 von 2
CSS Postion:fixed; geht nicht?
Verfasst: 01.10.2011 19:30
von Shorty1968
Hallo ich habe einen CSS Code der beinhaltet den befehl position:fixed; aber wenn ich dann Scroll,scrollt es mit?
Code: Alles auswählen
#info {
overflow: visible;
min-width: 750px;
width: 100%;
position: fixed;
left: 0;
z-index:200;
margin-top: -15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
}
Gruß
Re: CSS Postion:fixed; geht nicht?
Verfasst: 02.10.2011 01:04
von gn#36
Es ist unter anderem abhängig davon was du für ein Element damit belegst. Du kannst nicht alles mit allem machen. Diese Befehle funktionieren nur bei Blockelementen so wie sie sollen, nicht bei inline Elementen. Wenn du also diese ID beispielsweise an ein <b> Tag vergibst, wird er nicht funktionieren.
Wobei das sowieso ziemlich seltsam ist, was du da versuchst: Du legst ein riesengroßes Element über alles andere drüber und dann auch noch fest?
Re: CSS Postion:fixed; geht nicht?
Verfasst: 02.10.2011 18:21
von Shorty1968
gn#36 hat geschrieben:
Wobei das sowieso ziemlich seltsam ist, was du da versuchst: Du legst ein riesengroßes Element über alles andere drüber und dann auch noch fest?
Ich mache nur das was in der anleitung steht?
Ist dieser MOD
http://www.phpbb.com/customise/db/mod/p ... ister_bar/ und dieser soll oben Fixierd sein,aber bei mir Scrollt er mit und in einem anderen Style Scrollt sogar der Ganze Button Header mit?
Re: CSS Postion:fixed; geht nicht?
Verfasst: 02.10.2011 19:58
von Crizzo
Hi,
mit "scrollt mit", meinst du jetzt:
a) es ist trotz scrollen noch sichtbar oder
b) es verschwindet beim Scrollen oben aus dem Sichtbereich des Browsers?
Wenn a), dass ist normal. So soll das funktionieren. Bei b) wäre es am einfachsten, du verlinkst mal dein Forum, wo man das Problem sehen und testen kann. Damit lässt sich dann schnell mal eine Idee ausprobieren. Das bisschen Code von oben oder Bild ist da leider nicht genug.
Grüße
Blackhawk
Re: CSS Postion:fixed; geht nicht?
Verfasst: 03.10.2011 04:11
von Shorty1968
Hallo mit Scrolt mit meine ich das es mit dem Browser nach oben Scrolt und sollte aber doch eigentlich beim Scrollen oben am Header stehen bleiben?
http://www.computer-base.net/
Re: CSS Postion:fixed; geht nicht?
Verfasst: 03.10.2011 11:04
von Crizzo
Das erklärt es natürlich sofort. In deinem CSS-Code steht dieses Deklaration einfach nicht:
Code: Alles auswählen
#info {
overflow: visible;
min-width: 750px;
width: 100%;
position: fixed;
left: 0;
z-index:200;
margin-top: -15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
}
Sie wird nicht angewandt und deshalb bleibt das Element nämlich auch nicht stehen.
Re: CSS Postion:fixed; geht nicht?
Verfasst: 03.10.2011 11:23
von Shorty1968
Hallo in der anleitung steht:
Code: Alles auswählen
Open: styles/prosilver/theme/colours.css
Find
Tip: This may be a partial find and not the whole line.
Code:Select all
/* Form button styles
Add before
Tip: Add these lines on a new blank line before the preceding line(s) to find.
Code:Select all
/* PM Notify & Guest Register bar
----------------------------------------*/
#info {
overflow: visible;
min-width: 750px;
width: 100%;
position: fixed;
left: 0;
z-index:200;
margin-top: -15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: #fff;
padding: .85em 0 .85em 0;
border-bottom: .25em solid #fff;
text-align: center;
text-decoration: none;
background-image: url("{T_THEME_PATH}/images/pmreg.png");
background-position: bottom;
background-repeat:repeat-x;
}
#infobar a:hover {
color: #fff;
background-image: url("{T_THEME_PATH}/images/pmreg.png");
background-position: top;
background-repeat:repeat-x;
border-bottom: .25em solid #fff;
cursor: pointer;
}
und genau das habe ich gemacht,ich habe es auch in die styleseet.css und in diesem Style falle in die layout_global.css gemacht aber es scollt immer mit?
Re: CSS Postion:fixed; geht nicht?
Verfasst: 03.10.2011 11:27
von Crizzo
Jetzt hast dus scheinbar richtig gemacht. Denn jetzt sind die CSS-Deklarationen da.
Re: CSS Postion:fixed; geht nicht?
Verfasst: 03.10.2011 11:32
von Shorty1968
Ich habe sie nur in die anderen Styles die nicht dafür , also Standart sind auch in die css gepackt,aber es scollt immer noch mit?
Hast du eventuell eine alternative die funktioniert?
Re: CSS Postion:fixed; geht nicht?
Verfasst: 03.10.2011 11:38
von Crizzo
Shorty1968 hat geschrieben:Ich habe sie nur in die anderen Styles die nicht dafür , also Standart sind auch in die css gepackt,aber es scollt immer noch mit?
Den Satz verstehe ich nicht. Was hast du jetzt gemacht?
Du brauchst keine Alternative, der CSS-Code funktioniert wunderbar. Du musst ihn nur richtig einbinden:
- colours.css ändern und speichern
- FTP-Programm den Ordner "theme" ansurfen.
- colours.css löschen
- geänderte colours.css hochladen
- Cache löschen, Theme aktualisieren (ist oft eigentlich nicht nötig)
- Im Browser einen "hardreload" erzwingen (Firefox: STRG + F5)
Dann solltest die Änderungen an der CSS-Datei sehen.