Foros del Web » Creando para Internet » HTML »

Navegadores y capas

Estas en el tema de Navegadores y capas en el foro de HTML en Foros del Web. Hola que tal, antes que nada un saludo a todos los participantes del foro. Verán yo tengo diseñada una página Web en Macromedia Fireworks y ...
  #1 (permalink)  
Antiguo 15/06/2005, 21:00
 
Fecha de Ingreso: octubre-2003
Ubicación: Veracruz, México
Mensajes: 169
Antigüedad: 14 años, 2 meses
Puntos: 0
Navegadores y capas

Hola que tal, antes que nada un saludo a todos los participantes del foro.

Verán yo tengo diseñada una página Web en Macromedia Fireworks y la ensamble en Macromedia Dreamweaver, y pues se me hizo a mi muy practico diseñar todo en base a imagénes y luego nada más colocar capas para poner unas tablas y unso formularios.

Sin embargo es un trauma para que se vean en la posicion que yo las trazo en Dreamweaver. Tengo que andar tanteando para que se vean bien en Internet Explorer y cuando quiero checar en FireFox se desacomoda nuevamente.

Sé que existen diferencias entre como despliegan lso navegadores algunas cosas, pero creía que las capas ya las podían interpretar bien todos.

Alguien tiene algún consejo sobre que podría hacer para evitar eso, no se soi hay algun tag o propiedad HTML para la capa o algo para que se vea igual en los 2 navegadores. La página es interfgaz para un sistema de una intranet empresarial que usan firefox e internet explorer nada más.

Lo unico que se ma ocurrido es usar un script de JS que detecte el navegador y de ahi medio las acomode.. pero no sé si hay una mejor forma, me agradaría saberla para poder implementarla.

De antemano muchas gracias
  #2 (permalink)  
Antiguo 15/06/2005, 21:30
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 13 años, 7 meses
Puntos: 8
¿Podrías dejar el enlace de la página o pegar el código?
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño
  #3 (permalink)  
Antiguo 16/06/2005, 12:44
 
Fecha de Ingreso: octubre-2003
Ubicación: Veracruz, México
Mensajes: 169
Antigüedad: 14 años, 2 meses
Puntos: 0
Mira aqui te muestro el código de una de las capas. tengo3 y todas quedan desacomodadas como ya habia comentado:

<div id="Layer2" style="position:absolute; left:172px; top:169px; width:214px; height:69px; z-index:2;">
<form name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="41%"><div align="right"><span class="Estilo9">Usuario: </span></div></td>
<td width="59%"><input name="textfield" type="text" size="18" maxlength="12"></td>
</tr>
<tr>
<td><div align="right"><span class="Estilo9">Contrase&ntilde;a: </span></div></td>
<td><input name="textfield2" type="text" size="18" maxlength="18"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</form>
</div>

A ver si puiedes idnetificar que le falta
  #4 (permalink)  
Antiguo 16/06/2005, 16:21
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 13 años, 7 meses
Puntos: 8
Código:
left:172px; top:169px;
Los valores de left y top dependen de la resolución de pantalla y del navegador, en una tal resolución se puede ver bien, pero en la otra muy mal y descuadrada que es lo que te está pasando.

La única solución que puedo darte es maquetar todo tu sitio desde cero, haciendo el código tú mismo, sin ayuda del Dreamweaver o Fireworks. Asi no tienes problemas futuros y de paso aprendes más. Un buen tutorial lo encuentras aquí:

http://www.tierradenomadas.com/tw003.phtml

Saludos
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:43.