Home › Forums › CSS › Header & Navigation alignment › Re: Header & Navigation alignment
May 19, 2012 at 9:19 am
#103095
Participant
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