css bg-image stretched niet

Door wesley Overdijk op 23-06-2009 08:16

384 views

hallo,

Ik heb een css probleem....
ik wil:
<container>
<links></links>
<midden="stretch"></midden>
<rechts></rechts>
</container>

in divjes hebben, en dat heb ik ook. nou is het probleem, dat ik op de middelste een width: auto; heb, en een background-image. Maar de background image zie ik niet over de gehele breedte. sterker nog, die zie ik helemaal niet als de inhoud van de div leeg is. ik wil die dus wel zien, repeated, tussen links en rechts in.

wie kan mij helpen?

groeten.

EDIT

ik zal mijn huidige css eens plaatsen:


body 
{                  
	font-family: "Orator Std";            
	background-image: url("images/bgPattern.jpg");
	font-size: 12px;
	text-align: center;  
}

#container
{
	width: auto;
    height:auto;      
	margin-left:auto;
	margin-right:auto;  
}

#header
{
    width: auto;
    height: 173px;  
    margin-left: 20px;     
}

#headerL
{
    background-color:transparent;
    background-image: url("images/banner_logo.png");
    background-repeat:no-repeat;
    float: left;
    width: 469px;
    height: 173px;      
}

#headerC
{
    background-color:transparent;
    background-image: url("images/center_rep.png");  
    float: left;
    width: auto;
    height: 173px; 
}

#headerR
{
    background-color:transparent;
    background-image: url("images/info.png");
    background-repeat:no-repeat;
    float: right;
    width: 468px;
    height: 173px;   
}

Joep

23-06-2009 10:04

Het probleem is dat je center element geen breedte heeft. De div heeft dus geen idee hoe groot deze moet worden. Je kan er ook geen breedte aan geven als je een full width site wil hebben. Hiervoor zijn heel veel trucs op internet te vinden.

Ik gebruik vaak deze site om even te spieken:
http://www.savio.no/examples/fluid-css-layout-with-faux-columns-1.asp

Wat je in jou geval nog zou kunnen doen, is de background die je in je center wil, kunnen zetten op je container met een background-position 469px 0px;

Alleen moet je dan wel zorgen dat je container naar beneden mee rekt door moddel van een clear element onder je floats.

wesley Overdijk

23-06-2009 23:19

hmmm.... ik snap je oplossing niet? ik wil gewoon dat die ruimte ertussen in volledig benut word, en word opgevuld.

Danny Roelofs

23-06-2009 23:36

Dit deed me even denken aan iets van Jan Koehoorn Link

Het is alleen geen background plaatje, maar de kunst is zoals Jan het deed om met z-index te werken, en als je voor zorgt dat de rest van je pagina een hogere index waarde heeft zal dit plaatje op de achtergrond staan

Het beantwoord niet je vraag, maar wellicht heb je er wat aan.

Tikkes C

24-06-2009 08:32

background images rekken niet geloof ik...je moet ze zoals jan koehoorn deed als aparte image tags zetten met een lage z-index.

Reageren

Inloggen om te reageren