Ventanas se ven diferentes en diferentes equipos

cantona · #1 (**permalink**) 02/06/2009, 03:49

Buenos días, soy nuevo en esto de HTML, la cuestión es que estoy haciendo una aplicación utilizando HTML, para la posición de mis etiquetas (div,td, etc etc) estoy utilizando maquetación con CSS, la cuestión es que cuando estoy en mi PC el diseño de mis ventanas se ve perfecto como yo lo hice, pero cuando acceso la acceso via remota las ventanas se ven movidas, se que puede ser por las resoluciones de los otros equipos por que lo he accesado con una laptop, mi pregunta es como hago para que mis ventanas se vean igual, independientemente de la resolución que tenga el equipo con el cual acceso a mi aplicación. Gracias de antemano...

hades87 · #2 (**permalink**) 02/06/2009, 05:33

yo lo que haría seria ponerle al contenedor principal un margin: 0 auto; y luego darle un ancho fijo.

cantona · #3 (**permalink**) 02/06/2009, 13:59

Hades87, ya he habia intentado haciendo eso, pero aun así sigue pasando mi problema, existirá alguna otra posible solución??

hades87 · #4 (**permalink**) 02/06/2009, 14:05

pues no se, pon un link a tu web y tal vez te ayudemos mejor

kseso? · #5 (**permalink**) 02/06/2009, 16:34

Adivina adivinanza:
Hablas de cambio de resolución: ¿a más o menos?
Hablas de ordenadores distintos pero ¿el navegador es el mismo?
¿qué significan que las ventanas se ven movidas? ¿algún virus?
...
Debes ser mas preciso en la descripción del problema y como bien te sugiere Hades87 poner un enlace a tu página o mostrar el código implicado en él.

Todo lo anterior con la única intención de que puedas recibir ayuda.

cantona · #6 (**permalink**) 02/06/2009, 18:35

Cita:

Iniciado por kseso?

Adivina adivinanza:
Hablas de cambio de resolución: ¿a más o menos?
Hablas de ordenadores distintos pero ¿el navegador es el mismo?
¿qué significan que las ventanas se ven movidas? ¿algún virus?
...
Debes ser mas preciso en la descripción del problema y como bien te sugiere Hades87 poner un enlace a tu página o mostrar el código implicado en él.

Todo lo anterior con la única intención de que puedas recibir ayuda.

Resolución a más, mismo navegador, y las ventanas se ven diferentes a como las veo en mi pc, por ejemplo mi boton aceptar no se ve en la misma posición cuando acceso a mi server desde otro equipo(laptop para ser especifico), y no tengo hosteada mi aplicación, la acceso desde una red local.

cantona · #7 (**permalink**) 02/06/2009, 18:58

Bueno pongo mi script html para ver si sirve de algo.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylePing.css" />
</head>
<form>
<body>
<div id="main">
<div id="fondo">
<div id="contenedor"><center>
<!--Aqui tengo otras cosas-->
</center>
</div> 
<div id="aceptar"><input type="button" value="Aceptar" onclick="window.close()"></div>
</div>
</div>
</body>
</form>
</html>

Código HTML:

#main{
	width: 584px;
    padding: 0;
    margin: auto;
}

#fondo{
	background-color: #005F4F;
	width:584px; 
	height: 460px;
	padding: 0px;
	margin:auto;
}

#contenedor{
	position:absolute; top:7.9%; left:6.3%;
	background-color: #DEEEEE;
	width:525px; 
	height: 400px;
	border: 1px solid #FFFFFF;
	font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;	
	overflow: auto;
	margin:auto;
}

#contenedor a{
	text-decoration: none;
	color: #FFFFFF;
	background: #00AA88;
	display: block;
	padding: 3px 6px;
	width: 138px;
	font-weight: bold
}

#aceptar{
	position:absolute; top:94%; left:44%;
}

hades87 · #8 (**permalink**) 03/06/2009, 00:33

Quizás te de problemas por que usas position absolute y esta además con decimales, yo te aconsejaría que fueran valores enteros y si puedes lo hagas en relativa, que es como viene por defecto.

kseso? · #9 (**permalink**) 03/06/2009, 03:50

Un vistazo muy rápido sólo al html, el css más tarde:

Cita:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylePing.css" />
</head>
<form>
<body>
<div id="main">
<div id="fondo">
<div id="contenedor"><center>

</center>
</div>
<div id="aceptar"><input type="button" value="Aceptar" onclick="window.close()"></div>
</div>
</div>
</body>
</form>
</html>

Usa un doctype completo, estandar y válido

Código html:

Ver original<!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" xml:lang="es" lang="es-es">

No es buena idea separar la cabeza del cuerpo: el resultado no puede ser nada bueno

Los formularios son un elemento más del cuerpo de las páginas, por lo tanto deben estar dentro de él, y no al revés, (tengo entendido)

Y lo de <center> </center> puede convertirse en antológico

cantona · #10 (**permalink**) 04/06/2009, 13:36

Cita:

Iniciado por kseso?

Un vistazo muy rápido sólo al html, el css más tarde:
Usa un doctype completo, estandar y válido

No es buena idea separar la cabeza del cuerpo: el resultado no puede ser nada bueno

Los formularios son un elemento más del cuerpo de las páginas, por lo tanto deben estar dentro de él, y no al revés, (tengo entendido)

Y lo de <center> </center> puede convertirse en antológico

SI tengo un doctype valido, no lo puse completo por que el foro no me permitia poner links, :p

Corneja · #11 (**permalink**) 05/06/2009, 00:16

Aunque no tenga que ver con tu pregunta, yo para mi que uno de los dos divs que has creado #main y #fondo está sobrando ¿no crees?