Header & Navigation alignment

[brent_james]

I need a way to align the header and navigation so that when the screen size is changed it will scale to the correct size and stay aligned with the header image. (I want the nav to align with the left side of the header image)

Thanks

intendtoinspire.com

[Billy]

What I would do is put the header and nav in a div:

#header-content {

margin: 0 auto;

position: relative;

width: something%;

}

You basically make your image 100% width and make your navigation like this:

nav {

bottom: 0;

left: 0;

position: absolute;

}

Make sure to make it have fixed-widths (px, pt, cm) otherwise it’ll change size when the container does.

Here is an example (red image being your header image): http://dabblet.com/gist/2730859

[Author]

Posts