problema capas con tabla

Garmauco · #1 (**permalink**) 24/07/2007, 23:26

Holas...
he tenido un problema con las capas.. al insertar dentro de ellas una tabla... mas especificamente al usar un script para el uso de pestañas en javascript + css
pues la capa no me oculta el contenido cuando tengo una tabal dentro de la capa... si alguien sabe la solucion a esto.. se lo garedeseria mucho....
aca le dejo el codigo..

Código:

<script language="JavaScript" type="text/javascript">
function init(){
	for(var i=2; i<=3; i++){
		document.getElementById('contenido'+i).style.display = 'none';
	}
}

function viewSection(id,total){
	for (var i=1; i<=3; i++){
		if(i!=id){
			document.getElementById('contenido'+i).style.display = 'none';
		}else{
			document.getElementById('contenido'+i).style.display = 'block';
		}
	}
}
</script>


<style>

/* --- Menú de contenido recuadro--- */


#menu
{
	font-family:Verdana, Arial, helvetica, sans-serif;
	font-size:16px;
	/*clear:right;
	display:inline;
	margin-left:0px;
	padding-left:0px;*/
}

#menu ul
{
	margin:0;padding:0;
}
	
#menu ul li
{
	list-style-type:none;
	display:block;
	float:left;
	margin:3px 3px 0px 0px;
	padding:3px;
	border:solid #cccccc 1px;
	border-left-width:1px;
	border-bottom-width:0px;
}

#menu ul li a
{
	text-decoration:none;
	text-transform:capitelize;
	color:#000000;
}
	
#menu ul li a:hover
{
	color:#000000;
	text-decoration:none
}

#menu ul li a:active
{
	border:solid #FFFFFF 0px;
}

#contenido1, #contenido2, #contenido3, #contenido4
{
	font-family:Arial, helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	/*float:left;*/
	clear:left;
	/*display:block;*/
	border:solid #CCCCCC 1px;
	width:740px;
	padding:5px;
}


</style>

	<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" link="black" text="black" vlink="black" alink="black" onload="javascript:init();">

<div id="menu">
	<ul>
		<li><a href="#" onclick="viewSection('1');">Lo más leído</a></li>
		<li><a href="#" onclick="viewSection('2');">Lo más comentado</a></li>
		<li><a href="#" onclick="viewSection('3');">Lo más votado</a></li>
	</ul>
</div>
<table>
<div id="contenido1">
texto 1
</div>

<div id="contenido2">
texto 2
</div>

<div id="contenido3">
<tr>
<td><p>holaaaaaaaaaaaaa</p></td>
</tr>
texto 3
</div>
</table>
</body>