Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Forum How-To (http://forum.bytesforall.com/forumdisplay.php?f=9)
-   -   Blog displaying wrong in Safari (http://forum.bytesforall.com/showthread.php?t=14068)

Copperswife May 6, 2011 02:42 PM

Blog displaying wrong in Safari
 
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 :)

Copperswife May 6, 2011 02:46 PM

The web site is http://copperswife.com

lmilesw May 6, 2011 03:02 PM

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.

Copperswife May 6, 2011 03:24 PM

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;
}

Copperswife May 6, 2011 03:44 PM

I should have mentioned that when I did move it it fixed all display issues except for Safari and Chrome


All times are GMT -6. The time now is 01:09 PM.

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