Entrar

Internet Explorer-Mozilla Firefox

JavierDS · · Solicitar retirada
Hola
Acabo de terminar el curso con tablas de la wb xo tngo un problema.

En internet explorer la vista previa se ve bien

[contenido no disponible]

xo n mozilla firefox qu s el que yo utiilizo s ve asi:


[contenido no disponible]

ni el ancho ni el sangrado d los subapartados esta bien.

m podeis ayudar a arreglarlo?

PD:perdon por poner fotos tan grandes, si molesta las quito y pongo la url

Gracias
Javier
AlbertoXt · · Solicitar retirada
A mi me pasó algo parecido, pero ahora mismo no caigo en como lo solucioné :oops: si lo descubro te lo digo

Suerte
JorGens · · Solicitar retirada
Si no te importa, pega aqui el contenido de la hoja de estilos y el de la página web, para ver si hay algun fallo... :roll:
JavierDS · · Solicitar retirada
Ok, lo pego:

Hoja de estilo

table.99 {width:99% ;}

td.a1{ background-color: white ; width: 150px ; text-align: center ; }
td.a2{ background-color: white ; text-align: center ; }

td.b1{ background-color: #0EBEBA ; width: 150px ; font-weight: bold ; text-align: center ; }
td.b2{ background-color: #OEBEBA ; font-weight: bold ; color: #000080; text-align: center ; }
td.b3{ background-color: #0EBEBA ; width: 50px ; text-align: center ; }

td.c1{ background-color: #9ED7D7 ; width: 150px ; font-weight: bold ; text-align:left ; }
td.c2{ background-color: #F6DA98 ; text-align: justify ; }

td.d1{ background-color: #0EBEBA ; width: 50px ; text-align: center ; }
td.d2{ background-color: #0EBEBA ; font-weight: bold ; text-align: center ; }
td.d3{ background-color: #0EBEBA ; width: 50px ; text-align: center ; }

td.e1{ background-color: white ; width: 150px ; font-weight: bold ; text-align: center ; }
td.e2{ background-color: white ; font-weight: bold ; text-align: center ; }
td.e3{ background-color: white ; width: 150px ; font-weight: bold ; text-align: center ; }bold ; }


ul {margin:0px 0px 0px 9px; padding: 0px 0px 0px 9px ;}
LI.sub-apartado {text-indent: 20px ;}

A {text-decoration: none}

A:link {}

A:visited {}

A:hover {text-decoration: underline}

A:active {}



Plantilla


<html>
<head>
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
<title>Silvernight's Tabern : PONER SECCION</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF">


<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="a1">logotipo</td>
<td class="a2">banner</td>
</tr>
</table>


<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="b1">titulo</td>
<td class="b2">rutas</td>
<td class="b3">[contenido no disponible] [contenido no disponible]</td>
</tr>
</table>


<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="c1">

<UL>
<LI>Formación</LI>
<LI>Historia del Grupo</LI>
<LI>Conciertos</LI>
<LI>Discos Editados</LI>
<LI class="sub-apartado">En Directo</LI>
<LI class="sub-apartado">En Estudio</LI>
<LI>Próximos Proyectos</LI>
<LI>Contacto</LI>
<LI>Libro de Visitas</LI>

</td>
<td class="c2">contenido</td>
</tr>
</table>


<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="d1">contador</td>
<td class="d2">opciones</td>
<td class="d3"> [contenido no disponible] [contenido no disponible]</td>
</tr>
</table>


<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="e1">Actualizada el Martes, 17 Abril, 2007</td>
<td class="e2">hueco</td>
<td class="e3">Creada por [correo eliminado]</td>
</tr>
</table>


</p>


</p>


</p>
</body>
</html>



PD:gracias por contestar
Javier
JorGens · · Solicitar retirada
Al tiempo de escribir las lecciones me di cuenta de que algunos navegadores no leen bien los estilos si su nombre empieza con un número. De modo que el problema radica en nombrar el estilo como table.99

Lo siento, actualicé esos datos en la web actual (www.comocreartuweb.com) pero aún no en la versión antigua, creo :roll: :lol: :oops:

Simplemente, cambia table.99 por table.ancho99 tanto en la web (en el código html) como en la hoja de estilos y verás como todo funciona.

Siento el despiste. Dinos si realmente funciona, oki?

Un saludo!