Comunidad de diseño web y desarrollo en internet online

Vista de pagina centrada en altas resoluciones, en menores no

Citar            
MensajeEscrito el 30 May 2011 10:34 pm
Al visualizar mi "boceto" de pagina en altas resoluciones (1680x1050) la vista general de la pagina aparece centrada, pero al visualizarla en 1280x1024 la vista de la pagina aparece a la izquierda. Alguna idea?

Matias escribió:

<!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>Instituto Republica de Italia</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#todo {
width: 100%;
background-color: #333;
margin: auto;
}
#grupo {
position: relative;
margin: auto;
width: 1450px;
height: 1049px;
background-color: #999;
}
#fondob {
width: 850px;
height: 1049px;
background-color: #CCC;
margin: auto;
}
</style>
</head>
<body>
<div id="todo">
<div id="grupo">
<div id="fondob"></div>
</div>
</div>
</body>
</html>

Por matiasnc

13 de clabLevel



 

chrome
Citar            
MensajeEscrito el 31 May 2011 12:55 pm
Se debe a que el div "fondob", que es el que está dentro de "grupo" tiene margin: auto. Lo que quiere decir que se centrará en referencia al ancho de "grupo" y grupo tiene un ancho fijo de 1450 píxeles. Es decir, "fondob" está centrado a los 1450 píxeles sin importar el tamaño de la ventana.

No sé cuál es tu intención con todo esto, como yo lo veo, el div "grupo" sale sobrando si es que quieres que "fondob" quede centrado en todos los tamaños.

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.