Hallo,

Ik ben op dit bezig met een website waarbij de achtergrond van de div uit elkaar getrokken moet worden.
Ik heb de volgende in mijn css style zitten:

.box_blue_nieuws{
clear: both;
background: url(images/bg_blue.jpg) top left repeat-x;
margin-bottom: 10px;
color: #2f3e41;
}

Maar wat ik ook doe niks helpt.
Iemand de oplossing ervoor?

splits de repeat even zo:
background: url('images/bg_blue.jpg');
background-repeat: repeat-x;
ik dacht dat top-left standaard het referentiepunt was.

background: url('images/bg_blue.jpg') repeat-x;
zo gaat het ook, maar dit zal nog steeds het probleem niet oplossen,
ik denk dat Erik Jan wil dat de achtergrondafbeelding uitrekt (dus in lengte toeneemt) als de div uitrekt, wat niet mogelijk is (volgens mij)

wat je wel kan doen is een achtergrondafbeelding met onderaan dezelfde kleur (met kleurencode xxxxxx) en dan instellen:
background: #xxxxxx url('images/bg_blue.jpg') repeat-x;

of een afbeelding in de html zetten (voor de text, anders komt deze onder de afbeelding) en dan:

Code:

.box_blue_nieuws{
 clear: both;
position: relative;
 margin-bottom: 10px;
 color: #2f3e41;
}
.bgimg{height:100%;width:100%;position:absolute;}

nee dat gaat idd niet,een image autom. verkleinen in een te kleine cell /div lukt nog wel,vergroten niet.

Nja met standaard css lukt dit niet.Lijkt me ook geen goed effect. MEt javascript zou dit wel gaan, maar ik weet nu niet van buiten of je de width en height van een bgimg kunt aanpassen. Als dit niet zou gaan, divje met img in, divje er recht bovenop met je content in. Maar dit is vergezocht, hoe ik het me inbeeld atm zou ik het gewoon vergeten ;)

eerst maak je een div-je met de achtergrond afbeelding erin (gewoon als <img>) en hem zo oprekken
en dan een ander divje eroverheen plaatsen met: position:absolute;
en dan geef je de waarde: top:0px; op