HALF-LIFE PORTAL
Your Gate To Valve's Games www.hl-forum.de
PORTAL
FORUM
LOGIN
User oder E-mail:


Passwort:


oder
Registrieren
Passwort vergessen?
OpenID-Login
MISC
PARTNER

TF2 Crafting

Special Artworks by
Hayungs

Link us:
HL PORTAL

Support us:


HLPortal
auf Facebook

›› Willkommen!   ›› 95.006.500 Visits   ›› 18.316 registrierte User   ›› 13 Besucher online (0 auf dieser Seite)
23.789 Themen, 325.181 Beiträge  
    FORUM 

Thema-Ansicht


Forum > Community > Bewertungs Board > CSS - Layer zentriert und fixed!
Status: Offen
9 Beiträge
Letzter Beitrag Seiten (1):  [1]


Autor Beitrag
# 1
Nachricht offline
Shock Trooper
8.324 Punkte
Dabei seit: 04.07.2004
900 Beiträge
CSS - Layer zentriert und fixed!
Viele wissen ja:
- Layer zentrieren ist generell recht knifflig und nicht einfach machbar.
- Layer fix machen so dass sie beim scrollen immernoch an derselbe stelle sichtbar sind ist eigentlich für den IE UNMÖGLICH da er position: fixed; nicht interpretieren kann. Aber mit ein paar tricks gehts :)

Hier mal ein resultat: http://swiss.swisserror.ch/csstest/test.html

Achtung: Funktioniert erst im IE und Opera ;)
26.11.2004, 11:11 Uhr Anzeigen
# 2
Nachricht offline
Ichthyosaur
11.476 Punkte
Dabei seit: 04.07.2004
2.377 Beiträge
Sieht nicht schlecht aus - hab das zwar schon ein paarmal gesehen aber da hats beim Scrollen immer "nachgeruckelt" :)

.... jetzt nur noch fürn Firefox ;)
26.11.2004, 13:02 Uhr Anzeigen
# 3
Nachricht offline
Thread-Starter
Shock Trooper
8.324 Punkte
Dabei seit: 04.07.2004
900 Beiträge
Hab zuerst auch ein nachruckeln gehabt. war wegen ein js. dann hab ich ne bessere variante gefunden :)

Ich denke es ist für FF nicht so schwer zu machen, da er wohl einfach die falsche css datei nimmt. Muss ich noch checken...
26.11.2004, 17:13 Uhr Anzeigen
# 4
Nachricht offline
Vortigaunt
974 Punkte
Dabei seit: 04.07.2004
345 Beiträge
Firefox versteht sich mit position : fixed; sehr gut, nur dein Workaround macht ihm zu schaffen. Schade zu sehen, dass man immernoch nicht um das Ausnutzen von IE Bugs herum kommt, da dieser vieles direkt nicht versteht. Dieses Bugasunutzen (auch für andere Browser) führte wohl u.a. auch zu dem heute vorherrschenden Codewirrwar.

Der IE versteh folgenden einfachen Code leider nicht ...


#fixed {
background-color: #CC6600;
width: 200px;
padding: 10px;
border: 1px solid #000000;
position: fixed;
top: 20px;
right: 20px;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
}




...
Dies ist ein Test!<br />
Dies ist ein Test!<br />
Dies ist ein Test!<br />
<div id="fixed">
Ich spreche nicht von eurem, ich spreche vom Ende der Eulen.
</div>



Zu dem Zentrieren. Dies ist mit position: fixed; soweiso so eine Sache, denn der bezeichner fixed verhält sich ähnlich wie absolute, benötigt also eigentlich auch eine absolute Positionierung (nur dass eben nicht der Dokumentrand, sondern der Fensterrand als Ausgangspunkt verwendet wird). Die Angabe Zentriert ist nunmal eine relative. FF ignoriert das zentrieren mit margin-left/right : auto; bei fixed Elementen auch dementsprechnd. Man könnte wohl wieder mit nem Workaround und nem übergeordneten Block das ganze in die Mitte bekommen, aber dann wirds wieder unsauber ....
[Beitrag wurde 1x editiert, zuletzt von micro am 29.11.2004, 15:59]
29.11.2004, 15:58 Uhr Anzeigen
# 5
Nachricht offline
Thread-Starter
Shock Trooper
8.324 Punkte
Dabei seit: 04.07.2004
900 Beiträge
Klar ist es "unsauber" und 3 krasse workarounds. Aber es funktioniert. Und ich glaub nicht, dass man das mit weniger code realisieren kann.

Ich hoffe morgen das ganze für FF auch tauglich machen zu können :)
29.11.2004, 23:38 Uhr Anzeigen
# 6
Nachricht offline
Vortigaunt
974 Punkte
Dabei seit: 04.07.2004
345 Beiträge
Meine Intention war eher darauf hinzuweisen, soetwas in der Praxis einfach zu lassen, anstatt weiter Code zu etablieren, der sich auf Browserbugs stüzt.

Aber als Machbarkeitsstudie ist dein Beispiel sicher nett anzusehen. :)
30.11.2004, 17:37 Uhr Anzeigen
# 7
HLP - Redakteur
Nachricht offline Moderator
Voltigore
21.232 Punkte
Dabei seit: 10.08.2004
5.393 Beiträge
*micro zustimm*
Eigentlich sollte man (aus diesen Gründen) den IE boykottieren.
30.11.2004, 19:23 Uhr Anzeigen
# 8
Nachricht offline
Thread-Starter
Shock Trooper
8.324 Punkte
Dabei seit: 04.07.2004
900 Beiträge
Naja, Bug ausnutzen ist es ja nicht. Es sit lediglich eine umgehung der position: fixed beim ie und eine umgehung des eines fehlenden tags um ein layer zu zentrieren...

BTW: FF funkt wegen dem JS unten im File nicht richtig...
30.11.2004, 21:37 Uhr Anzeigen
# 9
Nachricht offline
Thread-Starter
Shock Trooper
8.324 Punkte
Dabei seit: 04.07.2004
900 Beiträge
Yeah baby!

Habs geschaft!

http://swiss.swisserror.ch/csstest/test.html

Funktioniert auf ALLEN Browsern die ein bisschen intelligenz haben und css können (IE ist ne ausnahme, da musste ich nachhelfen :)).

FF, Opera, IE funken!

Greetz SwissError
02.12.2004, 15:31 Uhr Anzeigen
nach oben
9 Beiträge

Seiten (1):  [1]


Gehe zu:  feed_mini Beiträge: RSS, RSS2, ATOM

Sections:  HLP  Board  Mods  Steam      Games:  HL  Op4  HLBS  HL2  HL2:Ep1  HL2:Ep2  Prtl  TF2  TFC  CS  DoD  L4D  Gunman
    USER ONLINE 
Insgesamt sind 13 Benutzer online. Davon sind 0 registriert:
    SITE OPTIONS 
- Zu Favoriten hinzufügen
- Als Startseite festlegen (IE only)
- Fehler auf dieser Seite?