Ayuda con medidas

facurouss · #1 (**permalink**) 01/11/2010, 12:36

Tengo un problema con mi web.
Dependiendo de la resolucion de la pantalla se me mueve todo de lugar queda todo feo quisiera saber si me podrian orientar a como arreglarlo
saludos

PrendekZ · #2 (**permalink**) 01/11/2010, 12:57

Seguro quieres un diseño estático y para esto debes colocar todo en un DIV contenedor y así centrarlo.

En realidad es dificil de ayudarte:

-No publicas la web que tiene el error.
-No muestras o dices que quieres o como lo quieres.

La próxima vez para ayudarte debés especificar bien que quieres.

Saludos!

juanote · #3 (**permalink**) 01/11/2010, 15:25

Para centrar en el medio horizontalmente

en la capa body
text-align : center; /* centrado horizontal para Explorer */

y en la capa contenedora
margin: auto;
ancho fijo

SE SUELE SOLUCIONAR
SALUDOS

facurouss · #4 (**permalink**) 01/11/2010, 17:37

Es que en si no es una pagina en general me pasa con todas ajaj fue una pregunta para saber voy a intentar como dijo juanote y aviso como me resulto :)
Gracias!

facurouss · #5 (**permalink**) 01/11/2010, 17:53

No me salio :S aja

Este es mi Css

Cita:

body {
text-align:center;
background-color:#000;
margin:auto;

}

#cuerpo {
margin:auto;
background-color:#FFF;
-moz-border-radius: 8px;
position:absolute;
width:800px;
}

Y este mi html Puse cualquier cosa como para probar

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>
<img src="logo.png" />
<div id="cuerpo">

</div>

</body>
</html>

PrendekZ · #6 (**permalink**) 01/11/2010, 18:35

HTML:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>
<div id="contenedor">
<img src"logo.png" />
<div id="cuerpo"></div>
</div>

</body>
</html>

CSS:

Cita:

body {
padding:0;
margin:0;
}

#contenedor{
width:800px;
margin:0 auto;
}
#cuerpo{
background:#fff;
width:800px;
-moz-border-radius:8px;
}

Prueba con esto!

facurouss · #7 (**permalink**) 01/11/2010, 19:18

Perfecto! eso era lo que buscaba
Muchas gracias :)