CSS 3 browser probleem
Dit is de gebruikte code:
Code (php)
1
2
3
4
5
2
3
4
5
body {
background-image: url('fantasy.jpg');
background-repeat: no-repeat;
background-position: center
}
background-image: url('fantasy.jpg');
background-repeat: no-repeat;
background-position: center
}
Is er misschien een soort van code die dit laat werken op elke browers. De achtergrond moet dus in het midden staan, vanaf elke kant 50%.
1ste center is voor horizontale positie en 2de center voor de verticale positie
Code (php)
1
background: url('image.jpg') no-repeat 50% 50%;
Als ik me niet vergis.
Gewijzigd op 09/06/2011 18:29:56 door Johan van der Molen
Oetzie cookie op 09/06/2011 18:20:32:
background-position: center center;
1ste center is voor horizontale positie en 2de center voor de verticale positie
1ste center is voor horizontale positie en 2de center voor de verticale positie
Al geprobeerd, maar het blijft zo staan :(
Youri Schneider op 09/06/2011 18:24:03:
Al geprobeerd, maar het blijft zo staan :(
Oetzie cookie op 09/06/2011 18:20:32:
background-position: center center;
1ste center is voor horizontale positie en 2de center voor de verticale positie
1ste center is voor horizontale positie en 2de center voor de verticale positie
Al geprobeerd, maar het blijft zo staan :(
Code (php)
1
background: url('image.jpg') no-repeat 50% 50%;
Johan van der Molen op 09/06/2011 18:21:40:
Waarom gebruik je niet gewoon background : ?
Als ik me niet vergis.
Code (php)
1
background: url('image.jpg') no-repeat 50% 50%;
Als ik me niet vergis.
Hij blijft nog steeds zo staan :(.
Youri Schneider op 09/06/2011 18:31:15:
Hij blijft nog steeds zo staan :(.
Johan van der Molen op 09/06/2011 18:21:40:
Waarom gebruik je niet gewoon background : ?
Als ik me niet vergis.
Code (php)
1
background: url('image.jpg') no-repeat 50% 50%;
Als ik me niet vergis.
Hij blijft nog steeds zo staan :(.
Ik bekijk het verschil even. Tussen browsers.
Gewijzigd op 09/06/2011 18:32:28 door Johan van der Molen
Code (php)
1
background: url('image.jpg') no-repeat;
Probeer dit eens.
Youri Schneider op 09/06/2011 18:43:52:
Bij mij niet, kan het liggen aan Ubuntu versie van FF?
Heb je een schreenshot?
http://img856.imageshack.us/i/screenshotjk.png/
http://imageshack.us/photo/my-images/13/screenshot1qc.png
Allebei met center center aan.
http://img199.imageshack.us/img199/752/screenshot2wi.png - zonder center center
Dit is zonder position, die heb ik uitgeschakeld in firebug.
Johan van der Molen op 09/06/2011 19:06:14:
http://imageshack.us/f/850/screenfb.png/
Dit is zonder position, die heb ik uitgeschakeld in firebug.
Dit is zonder position, die heb ik uitgeschakeld in firebug.
Ja zo zou die moeten wezen. Raar dat dat op Ubuntu niet/anders lukt/is.
Wouter J op 09/06/2011 21:43:43:
Vreemd probleem. Want bij mij test komt er wel overal hetzelfde uit. Heb je hier ook het probleem? http://waldio.webatu.com/CSS/background_center.html
Dus als ik het goed begrijp, staat hij bij jou wel netjes, zoals ik hem wil? En bij die site heb ik geen enkel probleem, zie het precies goed.