$10 If You Can Fix This

Done! Thanks kmap and paul.

 

replace each LI in html file

by

<LI style="float:left">

so

<LI style="float:left"><span><a href="#" onclick

 

You need to have to difrent css files one for i.e and one for all other

use

To create separate stylesheets for the different browsers:


1. Duplicate your current stylesheet and change the name to something like ie7.css.

2. In your header file, locate the current call to your stylesheet. It should look something like this:

<style type=”text/css” media=”screen”> @import
url( <?php bloginfo(’stylesheet_url’); ?> );
</style>

PHP:

Delete this call to your style sheet.

3. In the place where you deleted the style sheet call, add this code instead:

<![if IE]><link rel=”stylesheet” type=”text/css”
href=”http://blog.com/wp-content/themes/simpla/ie7.css”>
<![endif]> 

PHP:

<![if !IE]><link rel=”stylesheet” type=”text/css”
href=”http://blog.com/wp-content/themes/simpla/style.css”>
<![endif]>

PHP:

4. Customize the paths to your style sheets. The first code snippet says, if the browser is IE, use the ie7.css stylesheet. The second code snippet says, if the browser is not IE, use the style.css stylesheet.

With this method, you have two style sheets to maintain, so keep this in mind when making updates. However, you’ll be able to easily adjust the styles for the troublesome IE browser.


Do i win ? lol

 

Thanks for the help guys, kmap got there first, but thanks for that guide paul! Very handy.

 

ahh typical lol, he beat me by about 30 seconds, and thats only because i tried to give a more detailed way of doing it . .. my way is better btw, lol