Foros del Web » Creando para Internet » Diseño web »

Crear una pagina estandar para todos los navegadores y resoluciones

Estas en el tema de Crear una pagina estandar para todos los navegadores y resoluciones en el foro de Diseño web en Foros del Web. Veran, tengo una web, armada con tablas y medidas en porcentaje, y el problema se me agrava cuando en internet explorer y en safari, las ...
  #1 (permalink)  
Antiguo 18/09/2009, 10:03
Avatar de 50l3r  
Fecha de Ingreso: agosto-2009
Mensajes: 421
Antigüedad: 8 años, 4 meses
Puntos: 6
Crear una pagina estandar para todos los navegadores y resoluciones

Veran, tengo una web, armada con tablas y medidas en porcentaje, y el problema se me agrava cuando en internet explorer y en safari, las tablas se me juntan y no respetan los margenes, y algunos divs se me mueven de sitio

quisiera saber si tuvierais alguna idea de como hacer una pagina web, igual para todas las resoluciones y navegadores

gracias de verdad ^^
  #2 (permalink)  
Antiguo 18/09/2009, 11:16
Avatar de berthely  
Fecha de Ingreso: junio-2008
Ubicación: VHSA Mexico
Mensajes: 453
Antigüedad: 9 años, 5 meses
Puntos: 9
Respuesta: Crear una pagina estandar para todos los navegadores y resoluciones

la W3C recomienda dejar de usar las Tablas para el acomodo/layout/dispocición, puedes empezar por utilizar solo elementos DIV.
  #3 (permalink)  
Antiguo 18/09/2009, 15:09
Avatar de 50l3r  
Fecha de Ingreso: agosto-2009
Mensajes: 421
Antigüedad: 8 años, 4 meses
Puntos: 6
Respuesta: Crear una pagina estandar para todos los navegadores y resoluciones

solo div? ok gracias alguna sugerencia mas? decidme todo lo que podais porfavor, os lo agradeceria
  #4 (permalink)  
Antiguo 19/09/2009, 15:10
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Crear una pagina estandar para todos los navegadores y resoluciones

Hola:

Depende de lo que necesites. Pero para hacer una página web puedes tener bastante con HTML+CSS.

Saludos.

  #5 (permalink)  
Antiguo 19/09/2009, 18:53
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Crear una pagina estandar para todos los navegadores y resoluciones

Hola 50l3r

"Crear una pagina estandar para todos los navegadores y resoluciones" es el objetivo que deseamos siempre (y algunas -muchas- veces no es fácil).

Tal como te dicen los compañeros berthely y jomaruro, ponte a construirla con html y css, distribuyendo los espacios con divs, y olvídate de las tablas para este uso.

Verás, a poco que te pongas y le vayas cogiendo el 'truquillo', lo bonito que es maquetar con css y la cantidad de cosas que puedes conseguir: No a las tablas para crear estructuras de webs.

Bye
  #6 (permalink)  
Antiguo 20/09/2009, 04:27
Avatar de 50l3r  
Fecha de Ingreso: agosto-2009
Mensajes: 421
Antigüedad: 8 años, 4 meses
Puntos: 6
Respuesta: Crear una pagina estandar para todos los navegadores y resoluciones

ya vi, cambie tablas por divs y ahora todo me va perfecto excepto una cosa

He creado con css y html, una barra de tareas fija debajo de la web, una tabla como la famosa del facebook que se queda en posicion fijada en la pagina y aunque bajes sigue estando ahi

el codigo css de ella es este:

.barra_usuario{
width:90%;
height:2%;
background-color:#5b5b5b;
padding:5px;
position: fixed;
bottom: 0;
left: 4%;
border-style:solid;
border-width:1px;
border-bottom: 0px;
border-color:#000000;
overflow: hidden;
}

Lo pongo en un span o en un div y en firefox y safari se ve bien abajo y se arrastra, pero en iexplore 8 se queda fijo arriba y no funciona

porque sera? si quereis una imagen decidmelo y os la envio por mp quue no me deja por aqui
  #7 (permalink)  
Antiguo 20/09/2009, 10:44
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Crear una pagina estandar para todos los navegadores y resoluciones

No será que no tienes declarado un doctype. Sin doctype no funciona en iexplorer 7 ni 8. Con doctype sí funciona, pero de todas formas en iexplorer 6 no funciona la propiedad fixed.

Tu código con doctype (funcionando en ie7 y 8):

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Barra de usuario</title>
<style type="text/css">
.barra_usuario{
	width:90%;
	height:2%;
	background-color:#5b5b5b;
	padding:5px;
	position: fixed;
	bottom: 0;
	left: 4%;
	border-style:solid;
	border-width:1px;
	border-bottom: 0px;
	border-color:#000000;
	overflow: hidden;
}
</style>
</head>

<body>
<div class="barra_usuario">Barra de usuario</div>
</body>

</html> 
Para que funcione en ie6 tienes que buscar un hack.

Bye
  #8 (permalink)  
Antiguo 20/09/2009, 11:00
 
Fecha de Ingreso: septiembre-2009
Mensajes: 13
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Crear una pagina estandar para todos los navegadores y resoluciones

Hola, estoy comenzando a programar con esto del HTML y tengo muchas dudas Les queria preguntar para que sirven el <div>; <meta>; <form>; <!doctype> y el xmlns. Y otra consulta que tenia es si las etiquetas <meta> y xmlns que va dentro del <html> llevan cierre. Desde ya muchas gracias. Espero repuestas. Saludos.
  #9 (permalink)  
Antiguo 20/09/2009, 11:41
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Crear una pagina estandar para todos los navegadores y resoluciones

............./...............

Última edición por deirdre; 20/09/2009 a las 17:15 Razón: Quizás no era adecuado el comentario
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 13:14.