Hola,


Tengo una duda con el responsive de una web que estoy haciendo.


Resulta que tengo una cabecera que ocupa el 100% (con un color de fondo)

y dentro tengo un div que ocupa 1024px con su texto dentro, es a la minima resuluci?n que quiero servir, hasta aqu? todo bien se ve bien en pc, si lo miro en mi smartphone resulta que se ve mal el fondo no se repite al 100% solo hasta donde le da la gana...

Versi?n PC: http://i.imgur.com/KHQMHfI.png

Versi?n smartphone: http://i.imgur.com/UEk52cn.png

C?digo CSS:

html{
font-family: Ubuntu;
width: 100%;
}

header{
background: none repeat scroll 0 0 rgb(209, 0, 118);
height: 52px;
width: 100% ;
}

HTML:

<header>
<div id="top">
<div class="left">
<ul class="menu-list">
<li>Mi reserva</li>
<li>Acceso propietarios</li>
<li>Contacto</li>
<li>Otros destinos</li>
</ul>
</div>
<div class="right">
<ul id="navlist">
<li class="icon-media" id="facebook"><a href="google.asp" title="Siguenos en Google Plus"></a></li>
<li class="icon-media" id="twitter"><a href="google.asp" title="Siguenos en Google Plus"></a></li>
<li class="icon-media" id="youtube"><a href="google.asp" title="Siguenos en Google Plus"></a></li>
<li class="icon-media" id="google-plus"><a href="google.asp" title="Siguenos en Google Plus"></a></li>
<li class="icon-media" id="skype"><a href="skype.asp" title="Siguenos en Skype"></a></li>
<li class="icon-media" id="pinterest"><a href="pinterest.asp" title="Siguenos en pinterest"></a></li>
</ul>
</div>
</div>
</header>


?Alguna idea?

?Gracias!
Pertenece a la categoría:

No hay respuestas para esta pregunta