/    Sign up×
Community /Pin to ProfileBookmark

div / span height inconsistancy

Copy linkTweet thisAlerts:
Feb 11.2006

I have a design that is almost working for me:
[url]http://behan-law.com/buttons.php[/url]

However, in IE6 (at least) the nav buttons have the wrong height – but in Firefox 1.5, they look how I want them ([COLOR=Red]See RED Bordered Buttons[/COLOR]).

I have explicitly set the height to 54px, but IE seems to ignore this.

any ideas? anyone? I am fresh out.

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangFeb 11.2006 — Overkill with the css:/* NAVIGATION BUTTONS */
#menu {
width: 100%;
height: 54px;
text-align: center;
background: url("buttons.php_files/menubar_blank_off.gif") repeat-x;
}
#menu-center {
width: 640px;
margin: 0 auto;
}
.cssnav {
white-space: nowrap;
width: 120px;
height: 54px;
float: left;
}
.cssnav a {
color: white;
font-size: 10pt;
display: block;
font-weight: bold;
text-decoration: none;
width: 120px;
padding-top:15px;
text-align: center;
}
.cssnav a:hover {
background: url("buttons.php_files/menubar_blank_on.gif") no-repeat;
color: yellow;
font-size: 10pt;
height: 30px;
font-weight: bold;
text-decoration: none;
}
* html a:hover {
visibility: visible;
}
/* END OF NAVIGATION */

and the html<!--MAIN NAVIGATION START-->

<div id="menu">
<div id="menu-center">
<div class="cssnav"><a href="http://behan-law.com/what.php" title="What We Do">What We Do</a></div>
<div class="cssnav"><a href="http://behan-law.com/who.php" title="Who We Are">Who We Are</a></div>
<div class="cssnav"><a href="http://behan-law.com/bio.php" title="Biography">Biography</a></div>
<div class="cssnav"><a href="http://behan-law.com/jobs.php" title="Careers">Careers</a></div>
<div class="cssnav"><a href="http://behan-law.com/contact.php" title="Contact Us">Contact Us</a></div>
</div>
</div>

<!--MAIN NAVIGATION END-->
Just change the image paths
Copy linkTweet thisAlerts:
@adentoneauthorFeb 11.2006 — [URL=http://www.search-this.com/website_design/css_rollover_buttons.aspx]CSS Rollover Buttons[/URL]

and followed what it said, and I liked its reasons = SEO.

but, your solution worked like a charm

thanks so much!
×

Success!

Help @adentone spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...