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

Home Forums CSS Header & Navigation alignment

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #38136

    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)



    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):

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.