Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Safari Issue with Wordpress CSS Content Tags WordPress

  • REFUNDED

Hello,

The page in question is: http://piersrueb.com/blog/archives/450

It works <strong>perfectly fine on Firefox</strong> but only works on Safari the first time it loads and doesnt work in the same way on chrome. (I haven't tested IE yet)

If you refresh the page on Safari you will see that the layout changes.

I think it is a css positioning issue.

The single.php is :


<?php get_header(); ?>

<div id="container">

<div id="content">

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="postsingle" id="post-<?php the_ID(); ?>">
<h2><?php the_title(); ?></h2>
<div class="entry">
<?php the_content('Read the rest of this entry &raquo;'); ?>
</div>
</div>

<?php
if (get_option('bb_comments')) {
echo "";
} else {
echo comments_template();
}
?>

<?php endwhile; ?>

<?php else : ?>

<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't here.</p>

<?php endif; ?>

</div>

</div>

<?php get_footer(); ?>




If you need to see anything else let me know...

Thank you

Answers (3)

2010-10-10

Michelle Dancer answers:

Disclaimer: I appear to have uninstalled Safari for some reason so this is in Chrome, if the problems in the two are different I apologise.

Looking at the markup, there's inline CSS on your #ycyclista_image_gallery div that's different between Firefox and Chrome, so I guess it's being generated by the plugin javascript. In FF that div is 468px high but in Chrome the CSS gives it a height of 6px. Overriding this height discrepancy appears to fix the issue, you'll probably need to use !important to get it to stick.


Mathias Vagni comments:

Hello Michelle, Thank you for your suggestion but that plugin and version have worked on several other wordpress installs. I would be a bit unhappy to have to change that. Do you have any other suggestions? If no-one else suggests anything I'll give it a go.


Mathias Vagni comments:

Hello Michelle, Thank you for your suggestion but that plugin and version have worked on several other wordpress installs. I would be a bit unhappy to have to change that. Do you have any other suggestions? If no-one else suggests anything I'll give it a go.


Michelle Dancer comments:

I did try installing the plugin but couldn't get it to work at all, hopefully someone else will have more luck!


Michelle Dancer comments:

@Lawrence The plugin in question is yCyclista, got it from googling the div id <--genius detective

http://wordpress.org/extend/plugins/ycyclista

Give it a slap from me.

2010-10-10

Lawrence Krubner answers:

Just to be clear, which plugin are you talking about? I do not see the plugin given a name on this page.


Mathias Vagni comments:

Yes sorry, it is yCyclista. Is it not working for you at all?

2010-10-11

Victor Teixeira answers:

Hi, just change this declaration on your style.css adding the !important keyword:

#ycyclista_image_gallery {
height: 600px !important;
}


Victor Teixeira comments:

Sorry, actually you should add this declaration to your style.css.

Again:

#ycyclista_image_gallery {
height: 600px !important;
}


Mathias Vagni comments:

I already tried that before posting. Thank you but it didn't solve anything.