Jump to content

Header/Nav bar alignment problem in Firefox (Mac)


Guest funsizealex
 Share

Recommended Posts

Guest funsizealex

I am trying to align an overlapping nav bar/background image div with a header div that has a bottom border.This is my code:

.header{width:100%;height:85px;border-bottom: 1px solid #000;}.nav{ width: 100%;height: 110px;background-image: url(../images/wburg.jpg); background-repeat: no-repeat; background-position: 30px 15px;z-index: 1000;}.nav ul {float:right;width:100%;margin-left:195px;margin-top: 60px;list-style-type: none;}.nav a {float:left;width:6em;text-decoration:none;color:#000;padding:0.2em 0.6em;font-size: 12px;}.nav li {display:inline;}

and then the html is this:

<div class="header">	    	<div class="nav">                </div></div>

Right now it is appearing as I want it to in the following browsers/platforms:IE (Windows)Safari (Mac)but not in Firefox (Mac).Site address: http://www.alexandraorgera.com/portfolioI would appreciate any advice or help you can give me, as I am completely new to css. This is my first attempt at designing a site with it. Thank you!

Link to comment
Share on other sites

I am trying to align an overlapping nav bar/background image div with a header div that has a bottom border //snip... but not in Firefox (Mac).Site address: http://www.alexandraorgera.com/portfolio
The page looks identical in Safari and Firefox 1.03 Mac. Also in Opera 9.01 Mac.I checked all the links in the top menu and some of their left-hand links, but not all. Safari and FF behave the same. Am I missing something?PS—if you have a minute and if you have IE6, could you have a look at my request for a page check, a few posts above this.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...