WordPress Header Issue

Richard Korts
Richard Korts used Ask the Experts™
on
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
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2018
Distinguished Expert 2018

Commented:
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
Sean ScissorsProgram Analyst II

Commented:
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.
Most Valuable Expert 2018
Distinguished Expert 2018
Commented:
OK - just viewed it in Firefox and Chrome and they both look identical - they are both correct!
OWASP: Avoiding Hacker Tricks

Learn to build secure applications from the mindset of the hacker and avoid being exploited.

Richard KortsBusiness Owner / Chief Developer

Author

Commented:
Richard KortsBusiness Owner / Chief Developer

Author

Commented:
To Chris Stanton:

Really?

Than why is mine different?

Thanks
Sean ScissorsProgram Analyst II

Commented:
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.
Most Valuable Expert 2018
Distinguished Expert 2018

Commented:
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
Richard KortsBusiness Owner / Chief Developer

Author

Commented:
If it looks good to everybody else, great, I don't care what it looks like to me.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial