Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Local WAMP site looking perfect in IE 9, but once uploaded it's looking weir


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
 
Prev Previous Post   Next Post Next
  #1  
Old Aug 10, 2011, 02:53 AM
mafgirl's Avatar
mafgirl
 
79 posts · May 2010
Brighton, United Kingdom
Lightbulb [SOLVED] Local WAMP site looking perfect in IE 9, but once uploaded it's looking weir

Hello everyone,

I've just finished part of the design for a client on my local WAMP site and it was all looking as it was supposed to. To update the client and show him my progress, I uploaded it to my live site last night and was pleased to see it was still all looking good and working, UNTIL I double checked it in Internet Explorer (9) where it looks all over the place..
I use a plugin called Job Manager to create a job board for my recruitment client, in which I have styled the jobs into a div and a fieldset, which on hover changes colour and slightly changes position with a shadow effect.

This all looks and works as expected in Mozilla, Safari and hopefully other browsers too. But not IE.
The weird thing is that is IS working as it should on my local WAMP site in the same IE browser, on the same computer... I checked the live site on a different computer with IE 8 and it almost looks as it should, but on hover it looks wrong again.
The differences:
  • on the local WAMP site in IE the fieldset is straight, with a white background within the lines, on hover it has a grey background within the lines, that slightly changes position with a shadow effect.
  • on the live site in IE, the fieldset borders overlap, with a white background that is not within the lines. on hover, it has a grey background that is not within the lines, that does not slightly change position, without a shadow effect


Just to emphasize: it does work on the live site in other browsers, it is only in that darn IE where it doesn't...

It is worth mentioning that I created a splash screen for this site (only the first design, not finished yet) which also has the hover/shadow effect. I made this by creating a new page, setting this as the front page and creating a page template for it in Dreamweaver. Initially the shadow effect did not work in any browser on my local WAMP site and after doing some research, the solution was to put
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
in the
HTML Code:
<head>
section..
When I encountered my recent IE problems, I did attempt to put the above code into the ATO/add HTML/CSS in the head section, but this did not make a change in IE. The hover effect on the splash page is also not working in IE on the live site, but it is in other browsers..

Am I missing something? the local and live site are identical, the only difference it has is different apache/php and MySQL versions...
To clarify I'm using:

Local site :
Apache Version : 2.2.17
PHP Version : 5.3.4
MySQL Version : 5.1.53

Live site:
Apache version 1.3.42
PHP version 5.2.17
MySQL client version: 5.0.92

for both WAMP locally and live server I am using:

WordPress 3.1.3
Atahualpa 3.6.7

I have uploaded the site again last night and made sure all files were there and were identical to the local site, made sure the database was correctly imported with 'site' and 'home' in wp-options table changed to the live site. everything is as it should be and it is still not working in IE... HELP

Does anyone know the answer? Let me know if you need any more information...

Cheers!!

Marjolijn

Last edited by mafgirl; Jan 19, 2012 at 09:14 AM.
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Weird things showing up on my site in firefox, please help! jenb Atahualpa 3 Wordpress theme 9 Jul 15, 2010 08:41 AM
[SOLVED] Firefox works perfect but Internet Explorer not reonardo Installing & running WordPress 1 Dec 10, 2009 08:17 AM
WAMP local server giving 404s for pages StudioGal Page & Category Menu Bars 8 Oct 7, 2009 06:38 PM
Header looks perfect in MY Firefox and Explorer bit not on other PCs Miraage Header configuration & styling 2 Mar 18, 2009 10:34 AM


All times are GMT -6. The time now is 12:55 PM.


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