Layout Breaks in Safari

[wizer]

Hi

I have just realised that the front page of my ZenCart store is broken in Safari

[SCR]http://img.photobucket.com/albums/v325/raelsquonk/Screenshot2011-06-24at103330.png[/SCR]

It displays fine in FireFox, Chrome and IE

The web address is

http://www.intelligentworkshoptools.co.uk

Any ideas?

[rstevenson]

Yes, it's very broken in Safari.

Possible answer: it's a Template Monster template. Have you checked with them?
Second possible answer: the code of the Home page throws 25 errors and 2 warnings when validated.
Third possible answer: your stylesheet is named stylesheet.css?5001534 (All of them seem to have a similar name issue.)

Rob

[wizer]

Template Monster are useless. Plus I've heavily modified this theme. But I'm a hack, not a developer. So I need to try and work out what I broke (if indeed it ever worked in Safari).

I have no idea about the stylesheet question. Where are you seeing this? They are not actually named that, so something is outputting them like that?

[nigelt74]

You muffed hyour code

this bit here

</div><!-- EOF- Anything Slider -->
<div class="clear;"></div>

the clear shouldn't have a semi colon after it, I just tested in Safaris developer tools and that fixed it

changing
<div class="clear;"></div>
to
<div class="clear"></div>

[wizer]

Thanks very much for that. I really appreciate it!

[rstevenson]

I have no idea about the stylesheet question. Where are you seeing this? They are not actually named that, so something is outputting them like that?

Here is what your page code is saying. Just view source in a browser to see it. ...

<link rel="stylesheet" type="text/css" href="includes/templates/theme353/css/stylesheet.css?5001534" />
<link rel="stylesheet" type="text/css" href="includes/templates/theme353/css/stylesheet_boxes.css?5001534" />
<link rel="stylesheet" type="text/css" href="includes/templates/theme353/css/stylesheet_categories_menu.css?5001534" />
<link rel="stylesheet" type="text/css" href="includes/templates/theme353/css/stylesheet_css_buttons.css?5001534" />
<link rel="stylesheet" type="text/css" href="includes/templates/theme353/css/stylesheet_main.css?5001534" />
<link rel="stylesheet" type="text/css" href="includes/templates/theme353/css/stylesheet_shipping_rates_in_cart.css?5001534" />
<link rel="stylesheet" type="text/css" href="includes/templates/theme353/css/stylesheet_tm.css?5001534" />
<link rel="stylesheet" type="text/css" href="includes/templates/theme353/css/stylesheet_zen_lightbox.css?5001534" />
<link rel="stylesheet" type="text/css" media="print" href="includes/templates/theme353/css/print_stylesheet.css" />

Rob

[wizer]

Is that something to do with the cache?

[rstevenson]

I can't see why it would.

What's the model number of your template?

Rob