Foros del Web » Creando para Internet » CSS »

Ayuda con medidas

Estas en el tema de Ayuda con medidas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/11/2010, 13:36
Avatar de facurouss  
Fecha de Ingreso: enero-2010
Mensajes: 101
Antigüedad: 7 años, 11 meses
Puntos: 0
Ayuda con medidas

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
  #2 (permalink)  
Antiguo 01/11/2010, 13:57
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Ayuda con medidas

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!
  #3 (permalink)  
Antiguo 01/11/2010, 16:25
 
Fecha de Ingreso: enero-2003
Ubicación: Valencia
Mensajes: 282
Antigüedad: 14 años, 10 meses
Puntos: 10
Respuesta: Ayuda con medidas

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
  #4 (permalink)  
Antiguo 01/11/2010, 18:37
Avatar de facurouss  
Fecha de Ingreso: enero-2010
Mensajes: 101
Antigüedad: 7 años, 11 meses
Puntos: 0
Respuesta: Ayuda con medidas

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!
  #5 (permalink)  
Antiguo 01/11/2010, 18:53
Avatar de facurouss  
Fecha de Ingreso: enero-2010
Mensajes: 101
Antigüedad: 7 años, 11 meses
Puntos: 0
Respuesta: Ayuda con medidas

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>
  #6 (permalink)  
Antiguo 01/11/2010, 19:35
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Ayuda con medidas

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!
  #7 (permalink)  
Antiguo 01/11/2010, 20:18
Avatar de facurouss  
Fecha de Ingreso: enero-2010
Mensajes: 101
Antigüedad: 7 años, 11 meses
Puntos: 0
Respuesta: Ayuda con medidas

Perfecto! eso era lo que buscaba
Muchas gracias :)

Etiquetas: medidas
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 23:48.