mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 13:44 Benutzername: Passwort: Auto-Login

Thema: CSS background-position center bei Firefox vom 19.07.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS background-position center bei Firefox
Seite: 1, 2  Weiter
Autor Nachricht
Superman
Threadersteller

Dabei seit: 13.10.2005
Ort: Erde
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.07.2006 13:54
Titel

CSS background-position center bei Firefox

 Antworten mit Zitat Zum Seitenanfang
Hi...

ich will ein kleines Hintergrundbild auf beiden Achsen in die Mitte stellen.
Wie geht das per CSS bei Firefox ???
background-position:center; will es nur horizontal zentrieren.
  View user's profile Private Nachricht senden
deeesi

Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht: Weiblich
Verfasst Mi 19.07.2006 13:57
Titel

Antworten mit Zitat Zum Seitenanfang
versuch mal

margin: 0 auto;

* Keine Ahnung... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
grafzahl

Dabei seit: 13.04.2006
Ort: Magdeburg
Alter: 39
Geschlecht: Männlich
Verfasst Mi 19.07.2006 14:03
Titel

Antworten mit Zitat Zum Seitenanfang
deeesi hat geschrieben:
versuch mal

margin: 0 auto;

* Keine Ahnung... *


Das hat nix mit dem Hintergrundbild eines Layers zutun, damit zentrierst du das gesammte Element. Ein Hintergrund lässt sich folgendermaßen horizontal zentrieren:

background-position: 0px center;

übrigens gibts dazu auch n Shorthand:
Code:
element {
  background-color: color oder #hex oder (rgb / % oder0-255);
  background-image:url(URI);
  background-repeat: repeat oder repeat-x oder repeat-y oder no-repeat;
  background-position: X Y oder (top oder bottom oder center) (left oder right oder center);
  background-attachment: scroll order fixed;
}

element {
  background: #fff url(images/image.png) no-repeat 20px 100px fixed;
}


Wenn ich dich jetzt richtig verstanden habe...

Zuletzt bearbeitet von grafzahl am Mi 19.07.2006 14:06, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Superman
Threadersteller

Dabei seit: 13.10.2005
Ort: Erde
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.07.2006 14:15
Titel

Antworten mit Zitat Zum Seitenanfang
Ne, ich will doch beide Richtungen zentrieren...

Ausserdem geht die vertikale Zentrierung, die du eben beschrieben hast, ebenfalls beim Firefox nicht...

Beim IE geht ja alles, aber beim FF nicht. * grmbl *
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.07.2006 14:17
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
background-image: url(buidl.jpg);
   background-repeat: no-repeat;
   background-position: center center;
  View user's profile Private Nachricht senden
Superman
Threadersteller

Dabei seit: 13.10.2005
Ort: Erde
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.07.2006 14:21
Titel

Antworten mit Zitat Zum Seitenanfang
geht nicht, Raumwurm.
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.07.2006 14:26
Titel

Antworten mit Zitat Zum Seitenanfang
Echt jetzt? Dann zeig mal Code.
  View user's profile Private Nachricht senden
Superman
Threadersteller

Dabei seit: 13.10.2005
Ort: Erde
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.07.2006 14:33
Titel

Antworten mit Zitat Zum Seitenanfang
Ich hab den Fehler:

Firefox will unbedingt, dass man "background-attachment:fixed;" dazuschreibt.

Er macht wohl scroll als default rein und da ist ja eine Positionsangabe in vertikaler Richtung unsinnig.
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] Firefox 1.5 und background-position: bottom
[CSS] Problem mit "background-position" im firefox!
CSS: background-position bei repeat-y
Safari Background Position Problem?
Background-Position - Bildkante mittig
Div-Position im Firefox anderes als im IE?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB