Screen resolution

body {
	background: url("jeplaatje.jpg") center center;
}

dit zou moeten werken

Als background-image is dat niet zo evident.
Je kan dat in css (css < 3) een background niet resizen.

Mijn css ziet er nu zo uit:

body {
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
	color: #fff;
	background: black url("http://gofastalanya.com/images/bgbody.jpg") 0 0;	
	margin: 0px;
	padding: 1;
	background-repeat: no-repeat;
	background-position: center top;
}

Als ik 0 0; vervang met center center; lukt het nog steeds niet. :(

[google]jquery background resizer[/google] <-- even zoeken, maar ze bestaan wel! (en werken goed ;-))

Chris Horeweg op 25/02/2011 14:59:34

[google]jquery background resizer[/google] <-- even zoeken, maar ze bestaan wel! (en werken goed ;-))

Bedankt, ik zal er is naar kijken.

Het probleem zit hem eigenlijk in de screen resolution denk ik.
Dit plaatje is genomen vanaf een 1600 x beeldscherm.
Als ik de website bekijk vanaf mijn 1920 x beeldscherm dan zie ik alanya wel staan. Sterker nog de hele background.

Sebastiaan Weert op 25/02/2011 14:11:42

De tekst alanya kan je niet helemaal zien. Hoe los ik dit op?

Groeten, S de Weert

Gewoon in het Photoshop bestand de tekst omhoog zetten?

Ozzie PHP op 25/02/2011 16:34:23

[quote="Sebastiaan Weert op 25/02/2011 14:11:42"]
De tekst alanya kan je niet helemaal zien. Hoe los ik dit op?

Groeten, S de Weert

Gewoon in het Photoshop bestand de tekst omhoog zetten?

[/quote]

Dat wil ik dus voorkomen. De tekst moet in het midden blijven..

Logisch dat het niet werkt als je de 0 0 verandert in center center.

background-position: center top;

Daar maak je het namelijk weer ongedaan. Daar zeg je center top, in plaats van center center.
Dit is dus gewoon met CSS op te lossen ;)