Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

Blog displaying wrong in Safari


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old May 6, 2011, 03:42 PM
Copperswife
 
7 posts · May 2011
I'm currently using Wordpress version 3.1.2 and Atahualpa 3.6.4

I've been fighting getting my web site to display properly across all browsers and thanks to the forums I thought it was fixed. I now find that the web site is completely screwy on Safari and Chrome. Is there something that I am doing wrong? It looks perfect in IE and Firefox.

In Safari and Chrome there is a huge gap on top before the content shows. Once you scroll down to where you can see the content it overlaps the background image.

I'm pretty new to CSS and have been learning a lot through w3schools.com. Before starting this project I only knew a smattering of HTML so it could very well just be me
  #2  
Old May 6, 2011, 03:46 PM
Copperswife
 
7 posts · May 2011
The web site is http://copperswife.com
  #3  
Old May 6, 2011, 04:02 PM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
The big gap has to do with your background image. Where did you put the code for that. It should go in ATO>Body, Text, & Links per the example.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old May 6, 2011, 04:24 PM
Copperswife
 
7 posts · May 2011
That's where I originally had it but there were some display issues when it was there as well, so I moved it to ATO> HTML/CSS Inserts> HTML Inserts body top and used this code
<img src="<?php bloginfo('wpurl'); ?>/wp-content/images/background.gif" id="bg" />

Then inserted this text in the CSS insert
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#wrapper {
position:relative;
z-index:1;
}
  #5  
Old May 6, 2011, 04:44 PM
Copperswife
 
7 posts · May 2011
I should have mentioned that when I did move it it fixed all display issues except for Safari and Chrome

Bookmarks

Tags
chrome, display, page background, safari, view

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Having problems with blog displaying in a StumbleUpon frame in Safari jraymonds New Versions, & Updating 2 Nov 26, 2010 10:27 AM
Sidbars not displaying on blog hsmith1304 Sidebars & Widgets 0 Aug 23, 2010 12:47 PM
[SOLVED] blog not displaying correctly in safari pltrace Header configuration & styling 3 Sep 28, 2009 03:41 PM
[SOLVED] Safari not displaying page menu bar and post footer correctly chinnerz Atahualpa 3 Wordpress theme 4 May 31, 2009 10:52 PM


All times are GMT -6. The time now is 10:31 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.