Smashed Navbar and H1

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 4 months ago

    How wide do you want the sidebar?

    Thread Starter adlawrence

    (@adlawrence)

    11 years, 4 months ago

    Wide enough to not break the email address, so I went with something that would fit a 300px Google ad.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 4 months ago

    What do you mean “smashes the bottom of nav bar and the top of the text”?
    Why does your primary div have a width of 100%?

    Thread Starter adlawrence

    (@adlawrence)

    11 years, 4 months ago

    Thanks for helping me, Andrew.

    What do you mean “smashes the bottom of nav bar and the top of the text”?

    Here’s a screenshot showing what I see: http://s7.postimage.org/cxgmkvxl7/Screen_shot_2012_12_20_at_3_19_05_PM.png

    The spacing is too tight between the navbar and title of the page (Home, Porches, and so on).

    Why does your primary div have a width of 100%?

    If the width is less than 100%, then the main block of text (and any images) doesn’t fit in its space.

    If you click on this link now, you’ll see the primary div with 50% width.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 4 months ago

    Your smashed appearance is due to your minus margin top values on #primary.

    You shouldn’t have a width of 100% on your primary div, as you need to have a floating div next to it. You can resolve this, “doesn’t fit in its space” issue by removing the width you’ve applied to #content.

    Thread Starter adlawrence

    (@adlawrence)

    11 years, 4 months ago

    I’ve removed width: 58.4%; from content and it broke the page. Here’s how: http://scottfishercarpentry.com

    How was that supposed to change the spacing above “Home” and below the navbar?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 4 months ago

    I’ve removed width: 58.4%;

    Now you can add a proper width other than 100% to #primary.

    How was that supposed to change the spacing above “Home” and below the navbar?

    That wasn’t. I mentioned the minus margin top affects it.

    Thread Starter adlawrence

    (@adlawrence)

    11 years, 4 months ago

    Now you can add a proper width other than 100% to #primary.

    Ah. I see. Thanks, that’s now a more reasonable 64%.

    That wasn’t. I mentioned the minus margin top affects it.

    Ha! I changed that one to 10 and now it’s all better. Thank you!

    Thread Starter adlawrence

    (@adlawrence)

    11 years, 4 months ago

    This is to close the topic. Thanks again, Andrew.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 4 months ago

    That’s okay adlawrence.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Smashed Navbar and H1’ is closed to new replies.