Background-image blijft te groot

[MrNeophema]

Hallo,

Mijn background-image blijft te groot. Ik heb de image al een paar keer echt klein gemaakt (height), maar hij blijft scrollbalkjes houden.
Dit is het adres:
http://gjm-bits.nl/layout.htm

Dit is de code:

body {
background-image:url(images/woodenboardvs.jpg);
width:90%;
height:90%;
background-repeat:repeat;
}

#container {
position:absolute;
left:50%;
margin-left:-450px;
width:900px;
height:auto;
}

#tekstvak {
position:absolute;
width:850px;
height:1000px;
background-image:url(images/tekstvakgescheurd.png);
}

Wie kan me helpen?

Mvg,
Gert-Jan Mekenkamp

 

[globe]

deze achtergrond is erggroot! 500 kb voor een achtergrond is niet te doen op bv een Iphone of smartphone. Beter is om een kleine afbeelding te nemen en deze te laten herhalen.

deze zijn bv 'seamless' (passen dus aan elkaar): http://patterrific.com/free-seamless-textures-wood/

body { background:  url(xxxxxxx.jpg) 50% 0 repeat; }

je pagina wordt dan met deze 'tiles' gevuld.

 

[MrNeophema]

Daar zat ik ook al over te denken. maar ik heb wel graag dat het houten planken zijn. Heb je nog een andere site waar die ook op staan?

 

[MrNeophema]

http://gjm-bits.nl/layout2.htm

Bekijk die nu eens. 80kb pattern. Maar nog steeds blijft tie te groot. Zelfde codes.
let op: de pagina is nu een andere, niet meer layout.htm maar layout2.htm

body { background: url(images/woodpattern3.jpg) 50% 0 repeat; }

#container {
position:absolute;
left:50%;
margin-left:-450px;
width:900px;
height:auto;
}

#tekstvak {
position:absolute;
width:850px;
height:1000px;
background-image:url(images/tekstvakgescheurd.png);
}

Mvg,
GJ

 

[globe]

probleem met 1 grote achtergrond vind ik dat wanneer je een groot scherm hebt deze alsnog er raar uit gaat zien. Je krijgt randen ernaast of de afbeelding wordt herhaald.

http://www.grsites.com/archive/textures/category/24/texture/0


take a pick. Als je een background aanklikt zie je meteen het resultaat

 

[MrNeophema]

Sorry, per ongeluk dubbelpost.

 

[MrNeophema]

http://www.gjm-bits.nl/layout2.htm

Done, maar nog zie ik scrollingbar, ik gebruik niet zoveel tekst in mijn speciale tekstvakken, die nog komen, dus de scrollingbars moeten weg. Hoe doe ik dat?

 

[globe]

Ik heb hier een klein scherm en zie dus ook scrollbalken.

je zou dit kunnen oplossen door niet de exacte pixels aan te geven maar een % van de grootte, bv 90%. Je textvak zal dan een hoogte hebben van 90% van je scherm.

tekstvak {
position:absolute;
width:850px;
height:90%;
background-image:url(images/tekstvakgescheurd.png);
}

 

[MrNeophema]

Kheb het in % gezet, maar het blijft hetzelfde. Nja, dan bedenk ik wel meer tekst .

Hartelijk bedankt voor de hulp!

Mvg,
Gert-Jan

 

[globe]

maar je scroll balken zijn wel weg nu

 

[MrNeophema]

Klopt, was vergeten dat ik tekstvak 1000px had gegeven .