Re: Background getting cut in mobile browsers

[Barry vd. Heuvel]

Do you have a meta tag for the width=device-width? If so, remove it.
Otherwise add a min-width of 980 to your body.
Op 1 aug. 2012 23:16 schreef "Juan Pernia" <juanru...@gmail.com> het
volgende:

> Hi everyone, when I set a background for a div, it works perfect in the
> desktop version but in the Safari browser (on iPhone) it  gets cut, causing
> a horrible inconsistence in the design.
>
> *For example:*
>
> *Here's my code:*
>
> .wrapper_header {
>     background: url("
> http://maranjo.com/keupi/css/../images/bg_main_body.png";) no-repeat
> scroll center 65px transparent;
>     padding: 8px 0 13px;
> }
>
> *And here is how it looks on the desktop version.*
>
>
> <https://lh3.googleusercontent.com/-rNXpY3avdcI/UBmaIxzWYsI/AAAAAAAABm8/YMnbR6HfsjY/s1600/Screen+shot+2012-08-01+at+16.33.58.png>
>
>
>
> *And here is how it looks at the mobile browser (the problem):*
> *
> *
>
>
> <https://lh6.googleusercontent.com/-MUUIf0Hn8a4/UBmacAjgQFI/AAAAAAAABnE/t88VxcFuSBU/s1600/photo.PNG>
> *
> *
>
>
>
> *P.D.: *
>
>    - Im not using the responsive bootstrap version.
>    - Im using Bootstrap v2.0.3
>
> *Thanks!*
>