Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» Das Plauderforum ist zurück!
von Eto Heute um 17:59

» Style-Wechsel funktioniert nicht mehr
von Miho Heute um 11:05

» Profil in beiträgen nur im blog deaktivieren.
von Skouliki Heute um 10:16

» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06

» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

Bild per Css in die mitte schieben

3 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Bild per Css in die mitte schieben Empty Bild per Css in die mitte schieben

Beitrag von crysis992 Fr 26 Feb 2010 - 15:30

Hallo,

so jetzt sehe ich vor meinem nächsten Problem. Auf meiner seite, möchte ich die Transparente box unter dem "Wer ist online" haben, also das die direkt in der mitte unter dem "Wer ist Online" ist, und nicht wie jetzt entweder zu weit nach links oder rechts.

Das ist mein css code:
Code:
#page-footer {
background-image: url('http://i244.photobucket.com/albums/gg40/crysis992/footerKopie.png');
background-repeat: no-repeat;
margin-right: -30px;
width: 950px;
background-position: top;
height: 293px;
margin-bottom: 2px;
text-align: center ; }

habe schon auf selfhtml und so geschaut, aber leider nichts gefunden Sad

mfg crysis992
crysis992
crysis992
Kaiser
Kaiser

Männlich Beiträge : 1515
Anmeldedatum : 19.06.08
keine
Opera phpBB2

Nach oben Nach unten

Bild per Css in die mitte schieben Empty Re: Bild per Css in die mitte schieben

Beitrag von LouiXIV Fr 26 Feb 2010 - 15:38

Kann es daran liegen, dass deine Grafik nicht mittig ist? (Sprich der linke unsichtbare Rand ist kleiner als der rechte) Dann verschiebt sich das natürlich:

https://2img.net/h/i244.photobucket.com/albums/gg40/crysis992/footerKopie.png

Bild per Css in die mitte schieben Footer10
LouiXIV
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Bild per Css in die mitte schieben Empty Re: Bild per Css in die mitte schieben

Beitrag von Krüml Fr 26 Feb 2010 - 15:48

um mich mal frech einzumischen:
Code:

background-position: center;
probiers mal so... oder eben mit

Code:

background-position: center top;
wenn dus obig-mitte haben willst
Krüml
Krüml
König
König

Weiblich Beiträge : 572
Anmeldedatum : 20.10.09
keine
phpBB2

Nach oben Nach unten

Bild per Css in die mitte schieben Empty Re: Bild per Css in die mitte schieben

Beitrag von crysis992 Fr 26 Feb 2010 - 15:51

LouiXIV schrieb:Kann es daran liegen, dass deine Grafik nicht mittig ist? (Sprich der linke unsichtbare Rand ist kleiner als der rechte) Dann verschiebt sich das natürlich:

https://2img.net/h/i244.photobucket.com/albums/gg40/crysis992/footerKopie.png

Bild per Css in die mitte schieben Footer10

so jetzt hab ich das bild verändert, ist jetzt auf beiden seiten gleich, aber hatt sich überhauptnichts verändert Sad also daran liegts wohl nicht.

edit:
@Krüml:
Hatt auch nichts gebracht :/
crysis992
crysis992
Kaiser
Kaiser

Männlich Beiträge : 1515
Anmeldedatum : 19.06.08
keine
Opera phpBB2

Nach oben Nach unten

Bild per Css in die mitte schieben Empty Re: Bild per Css in die mitte schieben

Beitrag von LouiXIV Fr 26 Feb 2010 - 15:58

nimm mal

margin-right und width

raus
LouiXIV
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Bild per Css in die mitte schieben Empty Re: Bild per Css in die mitte schieben

Beitrag von crysis992 Fr 26 Feb 2010 - 16:16

so jetzt ist es in der mitte, aber jetzt fehlt unten am Bild die Abrundung.
crysis992
crysis992
Kaiser
Kaiser

Männlich Beiträge : 1515
Anmeldedatum : 19.06.08
keine
Opera phpBB2

Nach oben Nach unten

Bild per Css in die mitte schieben Empty Re: Bild per Css in die mitte schieben

Beitrag von LouiXIV Fr 26 Feb 2010 - 16:21

hast du etwa auch die height rausgenommen?

tztztz No
LouiXIV
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Bild per Css in die mitte schieben Empty Re: Bild per Css in die mitte schieben

Beitrag von crysis992 Fr 26 Feb 2010 - 16:24

LouiXIV schrieb:hast du etwa auch die height rausgenommen?

tztztz No


oh oops Embarassed
Danke für die Hilfe, jetzt klappt es Smile
kann geschlossen werden.

mfg crysis992
crysis992
crysis992
Kaiser
Kaiser

Männlich Beiträge : 1515
Anmeldedatum : 19.06.08
keine
Opera phpBB2

Nach oben Nach unten

Bild per Css in die mitte schieben Empty Re: Bild per Css in die mitte schieben

Beitrag von LouiXIV Fr 26 Feb 2010 - 16:26

Smile
Dafür darfst du dem User HIER mal erklären, wie du das beim Banner mit dem hover gemacht hast.
Wink
LouiXIV
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten