Dag,

Ik heb een containerdiv (#contentvak) aangemaakt. Deze div kent een transparant achtergrond, die meerekt. Dat heb ik gedaan door de containerdiv geen height mee te geven. Dat werkt zolang hetgeen dat ingevoerd is, tekst is.

Ik heb nu een include (#furthercontent) gemaakt, met daarin een pagina die div's gebruiken. Hierdoor ziet de containerdiv echter geen lengtes en hoogtes meer. Gevolg; er is geen transparant achtergrond meer!

De CSS code ziet er als volgt uit;

Code:

	#contentvak {
	position: absolute;
	width: 1024px;
	top: 315px;
	background-image: url(images/transpabox.png);

	}
	
	
	
	#furthercontent {
	position: absolute;
	top: 6px;
	left: 0px;
	background-image: url(images/transpabox.png);

	}

De div's alsvolgt:

Code:

<div id="contentvak">
  <div id="furthercontent">
  <?php
$content = $_GET['content'];
switch($content)
{
case "page": include('page.php');
break;
case "article": include('article.php');
break;
case "showarticles": include('articles.php');
break;
case "zoeken": include('zoekfunctie.php');
break;
case "postsincategory": include('postsincategorie.php');
break;
case "addcomment": include('addcomment.php');
break;
default: include('pages/fp.php');
}
?>
</div>

Een voorbeeld van een div die in fp stylesheet staat:

Code:

#spotlighttitler {
	position: absolute;
	top: 5px;
	background-color: #FF9900;
	font-size: large;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	}

Wie kan mijn probleem oplossen?

Vanwaar position absolute? Haal die eens weg, en verander top gewoon in margin, van absolute css krijg ik toch echt kriebels. Geef beide daarna eens "float: left;", dan kom je denk een heel eind.

Origineel gepost door Ricardo Persoon

Vanwaar position absolute? Haal die eens weg, en verander top gewoon in margin, van absolute css krijg ik toch echt kriebels. Geef beide daarna eens "float: left;", dan kom je denk een heel eind.

Met beide bedoel je contentvak en furtherconent?

Beste,

Een minder nette oplossing wilt nog wel eens werken:

overflow: hidden;

Origineel gepost door Dennis de Wit

Met beide bedoel je contentvak en furtherconent?

Excuus voor de late reactie, inderdaad die twee

En, als dit alle code is, dan mist er een </div>.

Een extra div na furthercontent, zonder inhoud, maar met clear:both; wil ook wel eens helpen