http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser Support Forum - Topic: No background header picture alignment between Safari, Firefox and iPad Browser en-US Mon, 20 May 2013 01:28:34 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser#post-91087 Fri, 11 Jan 2013 06:31:30 +0000 Ismael 91087@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad it is fixed. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser#post-91081 Fri, 11 Jan 2013 03:43:56 +0000 VilaDoiPhone 91081@http://www.kriesi.at/support/ <p>Hello Devin!<br /> Just disconsider my last post.<br /> It was a error on server.<br /> CSS code is working</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser#post-91077 Fri, 11 Jan 2013 01:42:23 +0000 VilaDoiPhone 91077@http://www.kriesi.at/support/ <p>Hello Devin!</p> <p>I got you. Better to use a smaller picture and centralized.<br /> I've change picture size and css code follow your suggestion.<br /> Now, css code looks like:</p> <p>body {<br /> background: #f2f3f5 url(../images/skin1/bg.png);<br /> color: #666;<br /> background-repeat: no-repeat;<br /> background-position: center top;<br /> }</p> <p>But, i don't know why, image is not centralized and still repeating. Is like css no consider background-position instruction.<br /> A screenshot to help understand:</p> <p><a href="http://i251.photobucket.com/albums/gg306/tchello3/ScreenShot2013-01-10at111512PM_zps5020e4dc.png" rel="nofollow">http://i251.photobucket.com/albums/gg306/tchello3/ScreenShot2013-01-10at111512PM_zps5020e4dc.png</a></p> <p>Any suggestion?</p> <p>Thanks in advance! </p> http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser#post-91000 Thu, 10 Jan 2013 16:20:32 +0000 Devin 91000@http://www.kriesi.at/support/ <p>Hi VilaDoiPhone,</p> <p>You should use background position to get it set instead of just using one large image. Also, align your main logo into the center of the image instead of all the way to the left.</p> <p>See: <a href="http://www.w3schools.com/cssref/pr_background-position.asp" rel="nofollow">http://www.w3schools.com/cssref/pr_background-position.asp</a></p> <p>So where you have:<br /> <pre><code>body { background: #f2f3f5 url(../images/skin1/bg.png) repeat-x 0 0; color: #666; }</code></pre> <p>You could use this instead (as long as you change the image so that the logo elements are in the center:<br /> <pre><code>body { background: #f2f3f5 url(../images/skin1/bg.png); color: #666; background-repeat: no-repeat; background-position: top center; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser#post-90884 Thu, 10 Jan 2013 02:20:43 +0000 VilaDoiPhone 90884@http://www.kriesi.at/support/ <p>Hello, we are using Newscast theme with some changes, using less resources.<br /> After change Header Picture Background (bg.png), i just dont get the same aligment on this 3 browsers - Safari and Firefox for Mac and Safari for iPad.<br /> link: <a href="http://www.viladoiphone.com.br" rel="nofollow">http://www.viladoiphone.com.br</a></p> <p>screenshots on photobucket:<br /> Safari on iPad: <a href="http://i251.photobucket.com/albums/gg306/tchello3/SafariiPad_zps5c94864a.png" rel="nofollow">http://i251.photobucket.com/albums/gg306/tchello3/SafariiPad_zps5c94864a.png</a><br /> Firefox on Mac: <a href="http://i251.photobucket.com/albums/gg306/tchello3/FirefoxMac_zps277cfef8.png" rel="nofollow">http://i251.photobucket.com/albums/gg306/tchello3/FirefoxMac_zps277cfef8.png</a><br /> Safari on Mac: <a href="http://i251.photobucket.com/albums/gg306/tchello3/SafariMac_zpsef94adab.png" rel="nofollow">http://i251.photobucket.com/albums/gg306/tchello3/SafariMac_zpsef94adab.png</a></p> <p>I just try a lot of changes on style.css without success, could you guys help?<br /> Thanks in advance! </p>