Rafael,
Thank you for your advice. However, I'm a little confused. Here is the code for
my body:
body#navon_home #navbar li#home a {
background: #fff url(../img/navon.jpg) repeat-x;
color: #fff;
}
body {
text-align: center;
background: url(../img/banner.jpg) repeat-x;
}
/*******************
Master styles
********************/
html, body, div, p {
font-family: geneva, 'Trebuchet MS', sans-serif;
color: #444;
}
You can see that I *do* have #fff as a background color. Here 's the code for
my topmast:
#topmast {
position: relative;
top: -15px;
height: 62px;
background: transparent;
}
As you can see, I do not have a value of "auto" on the "top" property. Is it
possible you are looking at an old file? Not that I think I ever had it set to
auto. I wouldn't put a value of auto on that property. I'm also confused as to
why you feel mixing em's with pixels is an "atypical" design approach. Have you
ever viewed Cameron Moll's work? He mixes em's with pixels all the time and I
wouldn't call his work atypical. also, could you clarify, for me, what you mean
by "basic issues"? I'm not sure how I can fix something unless I know what is
wrong. Hint: I changed the font size to something else and that didn't work
either.
Thanks again Rafael. Anyone else have any words of wisdom?
Jeralyn
----- Original Message ----
From: Rafael <[EMAIL PROTECTED]>
To: Jeralyn Merideth <[EMAIL PROTECTED]>
Cc: css-d@lists.css-discuss.org
Sent: Saturday, October 20, 2007 11:21:00 AM
Subject: Re: [css-d] Need help with height on menu
Jeralyn Merideth wrote:
I'm sorry! I sent this a couple days ago without a link. My bad. You guys
helped me on another problem with this same menu and I got that under control,
but now I can't seem to make it look right in FF. IE7 looks like it's supposed
to but in FF it's too high and not sitting on the masthead properly.
http://www.5pts-interactive.com/sarantopoulos/index.asp
This should help you sort out your problem.
body {
background-color: #fff; /* don't assume everyone has white as
default color */
padding: 0; /* don't forget to reset body's padding and
margin */
margin: 0;
color: #444;
}
#topmast {
top: auto; /* I don't think you ever needed this, did
you? */
}
Your design is a little atypical. You are combining em's with px's
(meaning you won't get the expected results), and you're also taking
the wrong approach with some basic issues. I would really recommend you
to rethink your approach and redo what's needed.
Hint: try resizing the font, just a little is enough.
Good luck.
__________________________________________________
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
