Link to home
Start Free TrialLog in
Avatar of Richard Korts
Richard KortsFlag for United States of America

asked on

WordPress Header Issue

Please see attached. The file names are indicitave, one when viewed in FireFox, one in Chrome.

Chrome is the desired appearance.

Here is the code from header.php:
<div class="top_bar_inn">
							 <a href="http://dev.rain1.com/new-site/about-us/get-a-quote/"><img src="http://dev.rain1.com/new-site/wp-content/uploads/rain1_quote_button.png" height="35" width="152"></a>&#32;<a href="http://dev.rain1.com/new-site/customer-support/service-request/"><img src="http://dev.rain1.com/new-site/wp-content/uploads/rain1_service_button.png" height="40" width="128"></a>
                        
                    </div>

Open in new window

Why the difference?
-header_chrome.jpg
-header_firefox.jpg
Avatar of Chris Stanyon
Chris Stanyon
Flag of United Kingdom of Great Britain and Northern Ireland image

It could be a CSS issue of a bigger HTML isues, so if you have a link to the page, we'll need to see that. Currently don't really have anything to go on
Two things. One, it would be helpful if the site is live to send a link so we can diagnose the source code in it's entirety. And two it seems as if this is more of a CSS positioning issue rather than an issue with your header.php. It is fairly common that CSS will cause rendering issues on a per browser basis. Each of them have their own rendering engine. I would check it in IE/Edge as well and see how it renders there.
ASKER CERTIFIED SOLUTION
Avatar of Chris Stanyon
Chris Stanyon
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Richard Korts

ASKER

To Chris Stanton:

Really?

Than why is mine different?

Thanks
They both look fine. That being said if you are having issues make sure your browsers are up to date and try deleting your cache/cookies. A good way to test this is always have another computer to test on. Cookies/cache or out of date browsers can be a nightmare to web developers.

*Note: IE looks correct as well. A lot of users still use IE/Edge so to make your site the most user friendly I would always check it among those 3 main browsers. Safari is a 4th one you could try but it's no longer supported on Windows I don't believe.
Not sure why you're getting the problem but as Sean says - clear your cache - you may be loading up an old version of your CSS
If it looks good to everybody else, great, I don't care what it looks like to me.