CSS Postion:fixed; geht nicht?

[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ß

[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?

[Shorty1968]

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?

[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

[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/

[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.

[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?

[Crizzo]

Jetzt hast dus scheinbar richtig gemacht. Denn jetzt sind die CSS-Deklarationen da.

[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?

[Crizzo]

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.