How do I center the Menu

  • randyd

    (@randyd)


    19 years, 8 months ago

    I am using a centered layout. I know how to position the menu left and right but I want to make the menu appear xxx pixels to the right of the center of the page. That way no matter what browser and screen size they are using, the menu will always appear xxx to the right of the page center.
    Can anyone help me?
    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • serendipity

    (@serendipity)

    19 years, 8 months ago

    Yes… You can use position: absolute; left: 50%; . And then set the left margin to xxx px. If I’ve correctly understood you. If not, you might have to set a negative margin. Your menu must have a fixed width defined in px fot this to work. See this css tip on centering.

    Root

    (@root)

    19 years, 8 months ago

    Tha’ts horizontal centering. Just my 2c.

    Thread Starter randyd

    (@randyd)

    19 years, 8 months ago

    Thanks, I’ll try it.

    Thread Starter randyd

    (@randyd)

    19 years, 8 months ago

    Yep, Your right. Thanks

    serendipity

    (@serendipity)

    19 years, 8 months ago

    Well, I said I didn’t seem to understand what you meant. In any case, you can add vertical centering with position:absolute as well. But I really don’t know what ‘the menu x px right of the center’ means. Which reference point of the menu, and the center of what?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How do I center the Menu’ is closed to new replies.