Header background problem in different browser?
I'm using 3.6.7 and latest wordpress version, and have a problem with this different look between browsers.
http://i51.tinypic.com/241vadi.png This is normal look on Chrome, Opera, and even IE9. But this is what shows for Firefox 4. http://i51.tinypic.com/zl24p5.png Currently using W3 Total Cache and Yoast SEO. |
It looks like how the 2px borders on the menu are rendered. For what you are trying to accomplish I would set all the backgrounds for the menus and header area to transparent and use a transparent png file for you banner image.
|
It works. Thanks! :D
|
It still looks the same to me.
|
I'm very close to the final look, but the bottom corner of category menu shown at Firefox still irritate me. How do I solve it?
I tried this: HTML Code:
div#menu1 ul.rMenu li.current_page_item a:visited, |
what is the url of the site and when you say
Quote:
|
the url is here:
Code:
http://www.kaorinusantara.web.id http://i54.tinypic.com/256y1pw.png the second (category) line don't match with the background image Your solution will be very appreciated ^^ |
So is your complaint that the width of the yellow in the background image is to short or the width of the menu bar is too tall?
|
My initial thoughts are to eliminate your height declarations and use padding instead.
|
Quote:
Quote:
|
Could you export and attach your settings file (ATO>Export/Import settings) to a reply?
|
the height of the menu's is partially based on font height. The height of the entire header area is made up of the height of all the pieces.
Your issue is that you have a fixed background image and an adjustable height header (height of menu1 and the image and menu2) Add to that that if someone makes their browser font larger is will change the heights and it will offset from the background image The good news is that not that many people will really care. But you can spend lots of time ($$) getting it to look just right if you want. So play with the font sizes and borders of menu 1 and then menu 2....or you could change the background image and never have to worry about it. |
All times are GMT -6. The time now is 05:51 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.