Hola que tal,
Tengo un problema, pues pretedndo que cuando se redimencione el navegador,
los divs permanescan centrados pero esto no sucede al REDIMENSIONAR el navegador.
pues los divs se "pegan" en la parte izquierda del mismo.
Por cierto aca les muestro un ejemplo simple ya que lo que tengo realizado es mas complejo oviamente, pero para no complicar pongo algo simple con poco codigo, pero
con ver un ejemplo me apaño.
En definitiva quiero que cuando se redimensione el navegador los divs permanescan centrados junto con un background tambien, es decir el background que debo poner en body debe coincidir con el centro exacto(verticalmente) de los divs en todo momento aun cuando se redimencione el navegador, espero haberme explicado.
En la imagen de abajo se puede ver como se redimensiona el navegador y no pasa
nada debido al tamaño de los divs, preo en la otra imagen...
Pero cuando redimensiono mas el navegador todos los divs se pegan a la izquierda y si pongo un background en body deja de estar centrado verticalmente
Codigo html
Código:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Home2</title>
</head>
<body>
<div id="cabezera"><p>CABEZERA</p></div>
<div id="cuerpo"><p>CUERPO</p></div>
</body>
</html>
Código:
body {
margin:0px;
}
#cabezera {
border: solid 4px black;
margin: 0px auto;
width: 500px;
height:88px;
display: block;
position:relative;
}
#cuerpo {
border: solid 4px red;
width: 1000px;
height: 500px;
margin: 5px auto;
display:block;
position: relative;
}
P {
text-align:center;
font-family:Arial;
}