Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

Blog displaying wrong in Safari


  #1  
Old May 6, 2011, 02: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, 02:46 PM
Copperswife
 
7 posts · May 2011
The web site is http://copperswife.com
  #3  
Old May 6, 2011, 03:02 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 03: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, 03: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 09:27 AM
Sidbars not displaying on blog hsmith1304 Sidebars & Widgets 0 Aug 23, 2010 11:47 AM
[SOLVED] blog not displaying correctly in safari pltrace Header configuration & styling 3 Sep 28, 2009 02:41 PM
[SOLVED] Safari not displaying page menu bar and post footer correctly chinnerz Atahualpa 3 Wordpress theme 4 May 31, 2009 09:52 PM


All times are GMT -6. The time now is 12:43 AM.


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