Ik ben bezig met een nieuwe layout van mijn site en nu kom ik niet uit het volgende:
Mijn div structuur zit zo:
<container>
<adds>
<header>
<menu>
<site>
<lcolumn>
</lcolumn>
</site>
<content>
</menu>
</header>
</adds>
</container>
Ik heb dus verschillende divjes in de container zitten. Ik wil nu de container graag een background meegeven. Dit werkt wel, alleen deze background loopt niet tot het eind van de div in firefox.
Hij laat maar één streepje in Fire Fox zien, helemaal bovenaan. In internet explorer geeft hij het wel netjes tot en met alle inhoud van de site weer.
Wanneer ik met de colorpicker (een FF plugin controleer hoe ver mijn div loopt loop deze wel tot en met alle inhoud.
naar mijn idee belangrijke classes:
#container {
width: 960px;
margin: 0px auto;
padding: 0px;
background-image: url('../layout/zm/images/site_bgr.png');
background-repeat: repeat-y;
height: inherit;
}
/*Bovenstaande moet dus verticaal over de hele site lopen*/
#site {
padding: 10px;
width: 750px;
font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
#lcolumn {
float: left;
margin-top: 0;
margin-left: 10px;
padding: 0;
width: 200px;
}
#content {
float: right;
margin-right: 10px;
width: 450px;
padding: 10px;
font-family: Lucida Sans Unicode, Trebuchet MS, Sans-serif;
font-size: 12px;
color: #333;
}
Wie weet de oplossing voor dit probleem?
