huidige achtergrond wil wel maar de nieuwe niet?

**Jeffrey B** · 15-12-2010, 18:50

Hallo,

Ik heb een klein probleempje.
De huidige achtergrond van me website vult wel het hele beeld.
maar als ik de image verander dan blijft het maar een klein rechthoekje.

Css:

Code:

body
{
    background:#e2f6ff url('images/background.gif') center top no-repeat;
    padding-left:10%;
    padding-right:10%;
    font-family:Arial, Geneva, sans-serif;
}

Css niet zelf gemaakt daar hulp bij gehad.

**gast2960** · 15-12-2010, 18:56

background:#e2f6ff url('images/background.gif') center top no-repeat;

verander dat eens in:
background:#e2f6ff url('images/background.gif') center top repeat-x;
dan word de afbeelding namelijk horizontaal herhaalt over heel het beeldscherm.

**Jeffrey B** · 15-12-2010, 19:06

Het werd nog steeds in zelfde grote weergegeven maar dan wel over de breedte.
Breedte en lengte heb ik nodig.

**gast2960** · 15-12-2010, 19:15

no-repeat
repeat
repeat-x
repeat-y

Spreekt voor zich neem ik aan.

**Jeffrey B** · 15-12-2010, 20:11

Ik heb geen repeat nodig.
Maar dat het uitgerekt word.

**Marcel van Vrouwerf** · 15-12-2010, 20:13

er wordt niets uitgerekt, als je de repeat eruit haalt, wordt de afbeelding telkens herhaalt, zowel horizontaal als verticaal.

background:#e2f6ff url('images/background.gif');

**Jeffrey B** · 15-12-2010, 20:56

Zeg ik het nou verkeerd?

Ik zei net:
"maar dat het uitgerekt word"
Dus het moet worden uitgerekt, en dat werkt niet met: background:#e2f6ff url('images/background.gif');

**Freek G** · 15-12-2010, 21:10

Je zegt het niet verkeerd hoor.. Kijk hier maar even naar: http://css-tricks.com/how-to-resizea...kground-image/

Google is en blijft je vriend.

**Jeffrey B** · 15-12-2010, 21:35

Krijg ik weer van dat repeat, allemaal die plaatjes naast elkaar en onder elkaar.
Ik deed dit:

Code:

background:#e2f6ff url('images/blueback.gif'); 
    width: 100%; 
    position: absolute;
    top: 0 ;
        left: 0;

**Stefan Visser** · 15-12-2010, 21:37

http://www.cssplay.co.uk/layouts/background.html

Het is laat, dus ga het niet voor je "over knippen en plakken" mag je zelf doen ;-)

**Jeffrey B** · 15-12-2010, 22:00

Daar heb ik dus ook niks aan, kan er niet vinden hoe ik dat nou goed moet krijgen met welke code.

**Stefan Visser** · 15-12-2010, 22:06

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
#background{position:absolute; z-index:1; width:100%; height:100%;}

<body>
<div>
<img id="background" src="jebackground.jpg" alt="" title="" />
</div>
</body>

Dacht ik..

**Jeffrey B** · 15-12-2010, 22:07

Zou ik ook misschien mogen weten waar je dat van die pagina vandaan hebt gehaald?

**Stefan Visser** · 15-12-2010, 22:07

Kan trouwens ook met

-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;

Maar dat werkt niet in IE
Aanvullend bericht:
Uit de broncode?
rightclick -> view source ?

Daar staat een CSS gedeelte en een HTML gedeelte.

**Jeffrey B** · 15-12-2010, 22:11

Aha!
Ik gebruik nooit pagina bron, dus daarom wist ik het ook niet.
Is kijken of het ook werkt.
Aanvullend bericht:
Nee, nog niet.

huidige achtergrond wil wel maar de nieuwe niet?