Ramme som strekker seg?

[Gjest medlem-77217]

Vær hilset.

 

 

Jeg har i lang tid lurt på hvordan jeg kan få en ramme i f.eks en nyhets box til å strekke seg når nyhetene blir lange? Skulle hatt det i CSS, og helst bra forklart.

 

Takk på forhånd!

[Drømmemannen]

Du mener rammer laget av bilder og ikke border:...? Hvis du har en header og en footer inni en nyhets-div kan du sette et repeterende bakgrunnsbilde på nyhets-diven, et topp-bakgrunnbilde på headeren og et bunn-bakgrunnsbilde på footeren.

 

Noe slikt:

 

<div class="nyhet">
 <h2>Header</h2>
 <p>Masse tekst</p>
 <div class="nyhetsfooter">noe</div>
</div>

.nyhet {
   background-image: url( ... );
}

.nyhet h2 {
   background-image: url( ... ) no-repeat top center;
   /* Må sikkert justere litt på margin og padding her */
}

.nyhetsfooter {
   background-image: url( ... ) no-repeat bottom center;
}

Alternativt, hvis du har en rekke diver inni hverandre i steden er det bare å bruke de i steden for headeren og footeren.

 

<div class="nyhetsdiv1">
 <div class="nyhetsdiv2">
   <div class="nyhetsdiv3">
     <h2>Header</h2>
     <p>Masse tekst</p>
   </div>
 </div>
</div>

og da må nyhetsdiv1 ha repeterende bakgrunn ettersom den ligger underst. Siste løsningen her er kanskje bedre. Vet ikke.