Goeden dag mensen ik heb een pagina in tables helmaal werkend niks mis mee.
Nou wilde ik deze gaan vernieuwe naar div.
Ik heb daarom een concept gebouwt exact zoals mijn andere pagina er uit zag alleen moet deze zoiezo nog wel wat aan gebeuren en dat weet ik exact ook wat, maar ik weet het alleen maar als je hem bekijkt in FF want in IE 6 en 7 doet ie echt hele rare dingen.

Zien jullie wat ik fout doe ???
Zie hier mij code

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>New Page 1</title>
<style type="text/css">
body, html
	{
	width: 100%;
	height: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	line-height: 14pt;
	padding: 0px;
	margin: 0px;
	background-color:#cccccc;
}
</style>
</head>

<body>
<div style="text-align: center; align: center; width:100%; height:100%; background-color:#CCCCCC;">
	<div style="width:969px; height:100%; background-color:#000000; margin-left:auto; margin-right:auto;">
	<!--topbanner;-->
		<div style="width:969px; height:125px; background-color:#000000;">
		<!--logo;-->
			<div style="width:125px; height:125px; float:left; background-color:#EEEEEE;">
			</div>
		<!--kop;-->
			<div style="width:844px; height:125px; float:right; background-color:#DDDDDD;">
			<!--koptekst-->
				<div style="width:844px; height:100px; background-color:#DDDDDD">
				</div>
			<!--menu;-->	
				<div style="width:844px; height:25px; background-color:#CCCCCC;">
				</div>
			</div>
		</div>
	<!--content_container;-->
		<div style="width:969px; height:100%; background-color:#BBBBBB;">
		<!--content_left;-->
			<div style="width:175px; height:100%; float:left; background-color:#AAAAAA;">
			</div>
		<!--content;-->
			<div style="width:794px; height:100%; float:right; background-color:#999999;">
			<!--content;-->
				<div style="width:644px; height:100%; float:left; background-color:#999999;">
				</div>
			<!--content_right;-->
				<div style="width:150px; height:100%; float:right; background-color:#888888;">
				</div>
			</div>
		</div>
	</div>
</div>
</body>

</html>



o ja let niet op de kleuren das gewoon voor me zelf om het da duidelijk te hebben.

Al vast bedankt .
M.v.G. Sander van Wijnbergen
het is ook niet een spoed opdracht maar het is het laatste wat nog gedaan moet worden en sommige codes weigeren om te werken zoals
overflow:hidden;

maar had jij nog een andere manier met fixed waardes meegeve ?
dan wil ik dat nog proberen en anders zet ik gewoon in het cms systeem erbij dat ze er zelf goed op moeten letten.

want om precies te zijn gaat het om een div van 175 breed van nieuws kolom en bij de koptitel loopt ie door als het woord te lang is. "Clubkampioenschappen" b.v.
ik kan het indd denk ik beter met php doen ipv css stuk sneller en makkelijker
Ik denk dat dat het beste is. Ik heb ook een tijd zitten zoeken naar een css-oplossing, maar kwam alleen maar tot de conclusie dat IE wel afbreekt maar FF echt niet. Verder weet ik het ook niet,....helaas

Reageren