Awesome! It worked. (the "min-width" one) Thanks dude.
On Thursday, August 2, 2012 2:24:43 AM UTC-4:30, Barry vd. Heuvel wrote: > > 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" <[email protected]> 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!* >> >
![http://maranjo.com/keupi/css/../images/bg_main_body.png"](http://maranjo.com/keupi/css/../images/bg_main_body.png"){kind=link}
