zijbalk even groot maken als het hoofdkader

[Sjassie]

ik heb een hoofdkader met een vaste breedte en een hoogte die op auto staat zodat het zich aanpast aan de content. Nu zou ik een zijbalk waar gewoon een herhalende background inzit altijd even groot willen krijgen is als het hoofdkader. hoe moet ik dit doen?
mvg,
sjassie

 

[billscot]

Hallo sjassie :thumb:

Ik vermoed dat je met de zijbalk een foto bedoeld dat je wil gebruiken als backgrond in je hoofdkader
De zijbalk-foto zal je als je deze vertikaal wil plaatsen zal dezelfde breedte moeten hebben als je hoofdkader
Je zal in je css van je hoofdkader het volgende moeten plaatsen

#hoofdkader{
     background-image:url(zijbalk.jpg);
     background-repeat:repeat-y;
}

Als je deze horizontaal wil plaatsen verander je repeat-y in repeat-x

groetjes

 

[csshunter]

Ja, zo komen de zijbalk.jpg images aan de linkerkant in de container van het hoofdkader te staan.

Als je ze er echt naast wilt hebben, dan kan je het hoofdkader aan de linkerkant uitbreiden met een padding die zo breed is als je de img-strook wilt hebben, bv.:

#hoofdkader{
    width: 700px; /* totale breedte wordt dan: 700+200= 900px */
    padding-left: 200px;
    background-image: url(zijbalk.jpg);
    background-repeat: repeat-y;
    background-color: blue; /* dit is de bg-kleur van de rest van het hoofdkader */
}

En moeten de zijkbalk-figuurtjes aan de rechterkant komen, dan bv.:

#hoofdkader{
    width: 700px;
    padding-right: 200px;
    background-image: url(zijbalk.jpg);
    background-repeat: repeat-y;
    background-position: 100% 0; /* rechts uitgelijnd, bovenaan beginnen */
    background-color: blue;
}

Met vriendelijke groet,
CSShunter