Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] menu position in IE: ignores container padding/margins


 
Prev Previous Post   Next Post Next
  #1  
Old Mar 3, 2011, 10:37 AM
epsymp
 
37 posts · Jul 2010
[SOLVED] menu position in IE: ignores container padding/margins

Hi,

So I'm trying to get the site finalized, only now am I checking how it looks in IE.
toadthejournal.com

I fixed a couple major problems, but am still trying to cope with the menu--I don't totally understand the CSS for it, I just know it looks good in Mozilla.

Here's the call for it, after the header:
<!-- Header -->
<td id="header" colspan="<?php echo $cols; ?>">

<?php bfa_header_config($bfa_ata['configure_header']); ?>

<?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header2' ) ); ?>

</td>
<!-- / Header -->

And here's the CSS for it:

<!-- top menu -->

.menu-header2 {
padding-top:0em;
padding-bottom:0em;
width: 100%;
text-align: center;
}

.menu-header2 ul {
position: relative;
top: -.41em;
margin-left: -2.19em;
margin-right: 2.27em;
list-style: none;
width: 100%;
}

.menu-header2 li {
background: #438d33;
margin-right: .29em;
float: left;
}

.menu-header2 li a {
height: 1.56em;
float: left;
margin-top: 0em;
line-height: 1.56em;
margin-right: 0em;
width: 7.5em;
border-right: .19em solid #000000;
border-left: .19em solid #000000;
border-bottom: .19em solid #000000;
border-top: .19em solid #000000;
color: #000000;
text-decoration: none;
font-weight: bold;
text-align: center;
padding-right: 0em;
}

.menu-header2 a:hover{
background-color: #2f7a00
}


I had to add "margin-left: -2.19em;" to the UL in order to get it to align with the very left edge of the container in Mozilla. Looking at IE, though, it already had been "totally left," and is now over-corrected (spilling onto the
background on the left side).


Also...
In case anyone knows an easy answer, I'll mention that the last button wraps in IE, but not in Mozilla. I will search the forums for this...


Thanks,
ES
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] RSS margins/position cliffbird RSS, Feeds & Subscribing 5 Sep 16, 2010 06:12 PM
[SOLVED] Can't get rid of Layout Container padding... parker Center area post/pages 9 Aug 8, 2010 02:05 PM
[SOLVED] Add Margins inside Center Container shadypeeks Center area post/pages 7 May 17, 2010 11:45 AM
Ignores Images in Posts Styling karenika Atahualpa 3 Wordpress theme 2 Dec 18, 2009 05:11 AM
[SOLVED] Possible to set layout container padding for left &amp; right to different value dixieprosser Header configuration & styling 1 Sep 8, 2009 10:52 PM


All times are GMT -6. The time now is 08:36 AM.


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