Ik ben een website aan het maken met websites van griekse restaurants:

griekse-restaurants.nl

Ik heb alle divs behalve die van de header, menu en die blokjes waar de plaats namen in staan van een height:auto voorzien in css. Nu is mijn vraag, hoe kan het dat de achtergrond niet word door getrokken naar beneden? Je ziet ook rechts een hap uit die achtergrond, dat is een wit vak dat een height:100px px heeft.

Kijk gerust in de bron !

Met vriendelijke groet,

Hoi Vincent,

Je moet de div #container #content, display: inline-block; geven:


#container #content {
background: none repeat scroll 0 0 #F2EBEB;
color: #7F5454;
font-family: arial;
font-size: 12px;
height: auto;
margin-bottom: 35px;
padding: 25px;
display: inline-block;
}

Er had zich een nieuw probleempje voor gedaan, maar ik heb het al zelf weten op te lossen. Hartelijk bedankt maar weer. Kun je me wel nog even uitleggen wat die 2 dingen wat je hebt veranderd in de CSS precies doen?

Origineel gepost door Wijnand Boerma

Hoi Vincent,

Je moet de div #container #content, display: inline-block; geven:


#container #content {
background: none repeat scroll 0 0 #F2EBEB;
color: #7F5454;
font-family: arial;
font-size: 12px;
height: auto;
margin-bottom: 35px;
padding: 25px;
display: inline-block;
}

--- knip --- Ik had niet goed gekeken...