PDA

Ver la Versión Completa : HTML firefox e internet explorer


halizia
02-02-2007, 09:48:12
HOla!!!
tengo una tabla hecha en html , pero al visualizarla con firefox se ve muy bien y centrada , pero al verla con internet explorer no sale centrada, si no que el texto está pegado a la parte de arriba de la tabla.

<div align='center'><table width='100%'>
<tr bgcolor='#eeeeee'>
<td colspan='2'><h1>Características Técnicas</h1></td>
</tr>
<tr>
<td colspan='2'><h2>Generador fotovoltaico</h2></td>
</tr>
</table></div>

no sé cómo se puede arreglar esto.

Saludos y gracias

kayetano
02-02-2007, 12:35:34
Hola

IE y FF interpretan de diferente forma el alineado de objetos y texto.
Si lo que quieres es centrar la tabla:

<table align='center'>
<tr bgcolor='#eeeeee'>
<td colspan='2'><h1>Características Técnicas</h1></td>
</tr>
<tr>
<td colspan='2'><h2>Generador fotovoltaico</h2></td>
</tr>
</table>

Esto debe funcionar correctamente en todos los navegadores.
EDITO. No hay que poner width='100%' si lo que quieres es centrar la tabla

halizia
02-02-2007, 14:07:34
Hola!!

no es el centrado de la tabla, si no el centrado del texto, pero no el centrado que puedes hacer con los align, es que se muestra el texto pegado a la parte superior de la fila y en FF se muestra centrado con respecto a la altura de la fila, y eso es lo que quiero que aparezca en IE.

Gracias!!

kayetano
02-02-2007, 14:19:55
Hola

<table width='100%'>
<tr bgcolor='#eeeeee'>
<td colspan='2' valign='top'><h1>Características Técnicas</h1></td>
</tr>
<tr>
<td colspan='2' valign='top'><h2>Generador fotovoltaico</h2></td>
</tr>
</table>
Pues entonces valign='top'

halizia
05-02-2007, 09:49:46
no funciona :(
en internet explorer no reconoce ningun valign, porque no interpretan igual las etiquetas??

Saludos!!

kayetano
05-02-2007, 10:05:17
Hola

Te aseguro que IE interpreta correctamente el valign, el problema es que posiblemente no estés haciendo algo bien. El ejemplo que pones no es coherente, primero porque utilizas "colspan='2'" cuando solo tienes una columna y segundo porque valign solo funciona si la tabla tiene una altura cosa que en tu ejemplo no sucede.
Intenta poner un ejemplo más realista, que seguro encontramos una solución.

halizia
12-02-2007, 12:32:40
¿Cómo que ponga un ejemplo más realista?
es una tabla que estoy haciendo en una web, mas realista q eso...
latabla tiene más de 2 columnas, lo q pasa q no voy a poner la tabla entera xq creo q no es necesario.
quizas haya escrito algo q no debo para que salga bien el alineado o quizas falte algo, como no lo sé por eso lo pregunto si lo supiese no lo preguntaría.

Saludos

kayetano
12-02-2007, 14:46:00
Hola

Simplemente estas preguntado sobre alineación vertical y pones como ejemplo una tabla que no necesita una alineación vertical ya que no hay nada dentro de esta tabla que genere una altura.
Cuando me refiero a que pongas un ejemplo más realista quiero decir que pongas una tabla que tenga una altura para que pueda ver donde necesitas una alineación verticla y si es válido en ese caso el VALIGN.
De todas formas ere libre de poner ejemplos realistas o incluso de poner ejemplos DE TU PROBLEMA, también te dire que la gente que colaboramos en este foro también somos libres de contestarte, y en este hilo solo he contestado yo.

Un PERRO es algo MUY REAL pero no vale como ejemplo de GUERRA NUCLEAR.

Onti
12-02-2007, 16:20:50
VAlign en las tablas funciona desde la primeras versiones del Internet Explorer y lógicamente en FireFox ( que es mi navegador preferido). aquí te mando un código ejemplo sencillo:


<h2>Valign=Top</h2>
<Table>
<Tr>
<Td valign="top">Top</Td>
<Td>
Linea 1<br />
Linea 2<br />
Linea 3<br />
Linea 4
</Td>
</Tr>
</Table>
<h2>Valign=middle</h2>
<Table>
<Tr>
<Td valign="middle">Top</Td>
<Td>
Linea 1<br />
Linea 2<br />
Linea 3<br />
Linea 4
</Td>
</Tr>
</Table>
<h2>Valign=bottom</h2>
<Table>
<Tr>
<Td valign="bottom">bottom</Td>
<Td>
Linea 1<br />
Linea 2<br />
Linea 3<br />
Linea 4
</Td>
</Tr>
</Table>


incluso Aqui (http://www.software-bo.com/examples/valign.html) tienes un enlace para verlo.

Ahora bien, cuando utilizas tablas que a su vez contienen a otras tablas
La visualización de una tabla puede ser afectada de como tienes definida la tabla principal

jcpizarro
02-03-2007, 17:14:12
Yo tengo un problema similar co una web. No logro alinear a TOP la tabla que esta en la celda derecha en FF, sin embargo en IE se ve correctamente. He tratado con valign="TOP", pero no me fnciona. Hay algo que no hago bien. Podras darme una ayuda?? Gracias desde ya.
http://www.motociclismozonasur.cl (http://www.motociclismozonasur.cl/)

Zeta
02-03-2007, 23:14:24
¿Que programa para diseñar usás?

probá esto si funciona:

<table style="text-align: left; width: 100%;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr style="font-weight: bold;">
<td style="background-color: rgb(153, 153, 153);"><big><big><big>Caracter&iacute;sticas
T&eacute;cnicas</big></big></big></td>
</tr>
<tr style="font-weight: bold;">
<td style="background-color: rgb(255, 255, 51);">Generador
fotovoltaico</td>
</tr>
</tbody>
</table>