Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Header background problem in different browser?


  #1  
Old May 19, 2011, 07:30 AM
kwilyan
 
5 posts · Dec 2010
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.
  #2  
Old May 19, 2011, 08:36 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old May 19, 2011, 09:39 AM
kwilyan
 
5 posts · Dec 2010
It works. Thanks! :D
  #4  
Old May 19, 2011, 09:41 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
It still looks the same to me.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old May 19, 2011, 11:32 AM
kwilyan
 
5 posts · Dec 2010
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,
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:active {
height: 24px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
text-align: center;
align: center;
border-bottom:1px solid transparent;
border-left:1px solid transparent;
border-right:1px solid transparent;
border-top:1px solid transparent;
border-style:solid;
background:transparent !important;
}

div#menu1 ul.rMenu li.current_page_item a:visited,
div#menu1 ul.rMenu li a:hover {
background: transparent !important;
  #6  
Old May 19, 2011, 11:44 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what is the url of the site and when you say
Quote:
the bottom corner of category menu shown at Firefox still irritate me.
would you like to explain how/why it irritates you? is the color wrong? is the text font wrong???
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old May 19, 2011, 12:24 PM
kwilyan
 
5 posts · Dec 2010
the url is here:

Code:
http://www.kaorinusantara.web.id
It still bugs me because of this:


the second (category) line don't match with the background image

Your solution will be very appreciated ^^
  #8  
Old May 19, 2011, 01:33 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old May 19, 2011, 01:42 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
My initial thoughts are to eliminate your height declarations and use padding instead.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #10  
Old May 19, 2011, 03:03 PM
kwilyan
 
5 posts · Dec 2010
Quote:
Originally Posted by juggledad
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?
I want the menu bar height to become same as the background image. It works for the upper bar, but I still don't know how to make it works for the lower bar.

Quote:
Originally Posted by lmilesw
My initial thoughts are to eliminate your height declarations and use padding instead.
When I tried it, it only modified the upper bar.
  #11  
Old May 19, 2011, 03:50 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Could you export and attach your settings file (ATO>Export/Import settings) to a reply?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #12  
Old May 19, 2011, 06:47 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Cross Browser Problem (posted in wrong section before) eric41 Atahualpa 3 Wordpress theme 9 Oct 25, 2010 12:17 PM
The header is only appx. 10 pixels in a blackberry browser WuGgaRoO Header configuration & styling 0 Jun 18, 2010 06:20 PM
problem with IE background Image nick51 Center area post/pages 7 Apr 27, 2010 01:43 PM


All times are GMT -6. The time now is 04:41 AM.


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