
Al cambiar el tamaño de la pantalla no queda centrado
Publicado por Daniel (5 intervenciones) el 29/09/2015 18:08:59
Hola programadores tengo un problemilla con el css y no veo la solución llevo 2 días dándole vueltas, a ver si una de vuestras mentes provilegiadas ve la solución, al cambiar el tamaño de la pantalla mi web se descuadra, se va quedando en la izquierda, ya he probado todos los tipos de position, poner las medidas en % y mil cosas mas, el código es el siguiente
la estructura en el html es asi:
Muchas Gracias de antemano.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.cuerpo{
height: 100%;
position: static;
width: 1300px; /* ancho mínimo para mantener el diseño tal cual lo tienes */
margin:0 auto 0 auto; /* centramos el contenido para una visualización más cómoda */
background:#FAFAFA;
text-align:center;
display: inline-block;
background-color:#F2F2F2;
}
.principal{
float:right;
width:963px;
margin-right:77px;
margin-top:0px;
margin-left:0px;
}
.nav-container{ background-color:#FAFAFA; text-align:center;float:left; width:15%; margin-left:5%; margin-right:0px;text-align:left; border-left:thin #DEDEDE solid; height:100%; }
.f-nav{ z-index: 9999; position: fixed; float:rigth; width:210px;text-align: center; margin-left:4%; border-left:thin #DEDEDE solid; height:100%; margin-top:-292px;} /* this make our menu fixed top */
la estructura en el html es asi:
1
2
3
4
5
6
<div class="cuerpo">
<div class="nav-container">
<div class="principal">
</div>
</div>
</div>
Valora esta pregunta


0