Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Header & Navigation alignment Re: Header & Navigation alignment

#103095
Billy
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