IE7 Probleem

[ROL]

Hallo,

Ik ben een joomla template aan het maken. In alle browsers (firefox, opera, safari, IE8) doet ie het prima alleen laat ie in IE7 geen content zien de rest wel.

De content wordt gepubliceerd in de #mainbody div.

body {
	background-image:url(/templates/pd/images/bg.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top center;
}

#contleft {
	float:left;
	/*display:block;*/
	width:482px;
	height:594px;
}

#contright {
	float:left;
	display:block;
	width:482px;
	height:594px;
}

#logo {
	position:absolute;
	width:964px;
	height:140px;
	left:50%;
	margin:10px 0px 20px -450px;
	border:none;
}

#logo a{
	border:none;
}

#container {
	position:absolute;
	width:964px;
	height:594px;
	left:50%;
	margin-left:-482px;
	margin-top:150px;
	overflow:hidden;
	background-image:url(/templates/pd/images/bodybg.png);
	background-repeat:no-repeat;
}

#foto {
	float:left;
	width:482px;
	height:594px;
	overflow:hidden;
}

#content {
	float:left;
	width:482px;
	height:594px;
	overflow:scroll;
}

#menu {
	margin-top:15px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#menu a{
	color:#fff;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	
}

#mainbody {
	position:absolute;
	width:442px;
	margin:40px 15px 15px 462px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color:transparent;
	color:#333;
	line-height:20px;
	text-align:justify;
}

#mainbody a {
	text-decoration:none;
	color:#03C;
}

#mainbody a:hover {
	text-decoration:none;
	color:#999;
}

#footer{
	position:absolute;
	width:964px;
	height:15px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:10px;
	left:50%;
	margin-left:-470px;
	margin-top:750px;
}

#footer a{
	color:#fff;
	text-decoration:none;
}

.inputbox {
	background-color:#fff;
	filter: alpha(opacity=50);
	moz-opacity:.5;
	opacity:.5;
}

.contentheading {
	font-size:150%;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}

.componentheading {
	font-size:150%;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}

.buttonheading {
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

Heeft iemand een idee hoe ik dit kan oplossen?

 

[csshunter]

Hoi Rol,

Heeft iemand een idee hoe ik dit kan oplossen?

Nee! - Want zonder de bijbehorende html is het lastig troubleshooten: omdat browsers aangestuurd worden door de combinatie van de css en de structuur in de html. Zonder die structuur kan je er niets over zeggen.
Kan je daarom de html van een pagina met dit template hier ook neerzetten, of (nog mooier) de pagina uploaden en hier een link plaatsen, zodat we hem meteen kunnen zien?

Met vriendelijke groet,
CSShunter