Jump to content
Sign in to follow this  
Gavin_

IE Browser issue.

Recommended Posts

Gavin_

Hi good people of pagelines . On a website that i am building it looks great (even if i do say so myself) in firefox on my mac but on IE 7 and 8 there is an alignment issue and the slick share icon is missing completely. http://79.170.44.83/curo.co.uk/ here is a screenshot they took in IE 8 Screen%252520Shot%2525202011-09-12%252520at%25252017.22.12.jpg

Share this post


Link to post
Share on other sites
Simon
IE does not like coding errors http://validator.w3.org/check?uri=http%3A%2F%2F79.170.44.83%2Fcuro.co.uk%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 You have loads of unclosed meta's there and there are some ul errors that might be the issue.

Share this post


Link to post
Share on other sites
Gavin_
Thanks Most of those are coming from the social media plugin and not my code and i don't thin any of them refer to the logo alignment.

Share this post


Link to post
Share on other sites
Gavin_
so i was right - most of those errors where from the plugin and not my code. i know this as i have disabled the plugin and the vast majority of the errors have gone. the only errors remaining refer to the vimeo embed and [code]Line 397, Column 204: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. ??¦"http://79.170.44.83/curo.co.uk/wp-content/uploads/2011/09/clients.png"/
[/code] [b]However the logo and the SM icons are still pushed over to the right on IE. [/b]

Share this post


Link to post
Share on other sites
Simon
In that case, target IE in your css: [code] add_filter('body_class','browser_body_class'); function browser_body_class($classes) { global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone; if($is_lynx) $classes[] = 'lynx'; elseif($is_gecko) $classes[] = 'gecko'; elseif($is_opera) $classes[] = 'opera'; elseif($is_NS4) $classes[] = 'ns4'; elseif($is_safari) $classes[] = 'safari'; elseif($is_chrome) $classes[] = 'chrome'; elseif($is_IE) $classes[] = 'ie'; else $classes[] = 'unknown'; if($is_iphone) $classes[] = 'iphone'; return $classes; } [/code] Add that to platformbase/functions.php You will get a new body class if its IE you can use that to change your image alignment.

Share this post


Link to post
Share on other sites
Gavin_
great thanks for this. one challenge for me though is that as i don't have IE and i'm on a mac i can't use firebug to work out what i need to do with the css to line it up! any ideas?

Share this post


Link to post
Share on other sites
Gavin_
had a look at that - seems like a lot of work just to re-align the logo! has anyone got ie8?

Share this post


Link to post
Share on other sites
Gavin_
has anyone got ie8? and could help me with the css i need to correct the alignment. huge internent karma would float your way. thanks

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×