laten we er ff vanuit gaan dat je die "header" als afbeelding wilt behouden (dit zou in principe niet hoeven omdat je dit ook gewoon met tekst kan maken). Je moet gewoon het volgende doen:
#box{
width: "zoveel als de afbeelding breed is";
background: url('afb.jpg') top center no-repeat;
padding: zo hoog als de afb hoog is 0 0 0;
min-height: 200px;
}
.box {
min-width: 200px; /* de minimale lengte */
width: auto; /*als de lengte groter is dan de min-width */
background-image: url('afb.jpg');
height: auto;
.boxtitel {
/* Pimp hier het titel gebied */
}
.boxcontent {
/* Pimp hier het content gebied */
}
.box{
min-width:200px;/* de minimale lengte */
width:auto;/*als de lengte groter is dan de min-width */
background-image:url('afb.jpg');
height:auto;
.boxtitel{
/* Pimp hier het titel gebied */
}
.boxcontent{
/* Pimp hier het content gebied */
}
Ik zou zelf "<div class="">" gebruiken in tegenstelling tot "<div id="">" aangezien je de box dan vaker kan aanroepen (mocht je meerder items hebben)
Hallo, dit lukt wel, hij rekt mee, maar als ik veel tekst doe dan krijg ik de box opnieuw en de lijnen moeten gewon mee verder gaan en op het einde stoppen. Weten jullie hier iets voor