Crear una pagina estandar para todos los navegadores y resoluciones

#1 (**permalink**) 18/09/2009, 09:03

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 ^^

berthely · #2 (**permalink**) 18/09/2009, 10:16

la W3C recomienda dejar de usar las Tablas para el acomodo/layout/dispocición, puedes empezar por utilizar solo elementos DIV.

#3 (**permalink**) 18/09/2009, 14:09

solo div? ok gracias alguna sugerencia mas? decidme todo lo que podais porfavor, os lo agradeceria

jomaruro · #4 (**permalink**) 19/09/2009, 14:10

Hola:

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

Saludos.

deirdre · #5 (**permalink**) 19/09/2009, 17:53

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**) 20/09/2009, 03:27

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

deirdre · #7 (**permalink**) 20/09/2009, 09:44

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

Omikron · #8 (**permalink**) 20/09/2009, 10:00

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.

deirdre · #9 (**permalink**) 20/09/2009, 10:41

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