Mi las imágenes de fondo no se han abarcan todo el ancho del navegador cuando se ve en un iPad. Esto ha sucedido más de una vez ahora, por lo que debe ser en la forma en que estoy escribiendo el CSS.

Aquí es un ejemplo de un pie de página cuya bg imagen es dejar que el 70% de la manera en iPad – tiene tres columnas flotando dentro.

He puesto el proyecto completo aquí:
https://github.com/christineh/TJ-portfolio

HTML:

<footer>
<div class="footer_invs">
<div class="footer">
<h1></h1>
<p></p>
</div>
<div class="footer">
<h1></h1>
<img src="" width="32" height="32" border="0">
</div>
<div class="footer3">
<h1></h1>
<img src="">
</div>
</div>
</footer>

CSS:

footer {
    background: url(images/footer/background.jpg) repeat-x;
    width: 100%;
    height: 113px;
    margin-top: 250px;
    overflow:hidden; 
    overflow-x:hidden; 
}
.footer_invs {
    background: url(images/footer/corner.png) no-repeat 186px 0px;
    width: 1018px;
    height: 78px;
    padding-left: 200px;
    padding-top: 32px;
}
.footer {
    float: left;
    width: 275px;
}
.footer h1 {
    padding-bottom: 8px;
}
.footer p {
    color: #FFF;
    padding-bottom: 0px;
    line-height: 16px;
    padding-top: 0px;
}
.footer img {
    padding-right: 10px;
}
.footer3 {
    float: left;
    width: 120px;
    padding-left: 70px;
}
.footer3 h1 {
    padding-bottom: 8px;
}

Hay una evidente revisión de que me estoy perdiendo?

OriginalEl autor Christine Horvat | 2011-12-05

2 Comentarios

  1. 7

    He intentado utilizar la sugerencia es decir, min-width:1024px en el cuerpo de la etiqueta, pero no funcionó. Después de mucho buscar he descubierto añadiendo a la etiqueta html también funciona.

    Ejemplo:

    html {
        min-width: 1024px;
        }
    gracias, me puede confirmar que esta arreglado para mi en el iPad3

    OriginalEl autor Kazz

  2. 3

    Bastante seguro de iPad ancho de la pantalla es de 1024px. Es que establecer en cualquier lugar?

    body{
     min-width:1024px;
    }

    Nota: yo no tengo la mía en mí para probar.

    He probado tu sugerencia, pero no soluciona el problema.
    Voy a echar un vistazo cuando he próxima tengo mi iPad en mí.
    Tuve este mismo problema, he añadido min-width:1024px para el cuerpo y se solucionó el problema

    OriginalEl autor SpaceBeers

Dejar respuesta

Please enter your comment!
Please enter your name here