Custom Theme Header Issue

  • Plusbits

    (@plusbits)


    14 years, 4 months ago

    Hey all,

    I’ve been coding my own theme for my website http://www.plusbits.co.uk/words/ but for some reason the text just under the nav bar seems to be independant of the rest of the page. I’ve tried putting it in both the header and index sections but neither of them seem to work and I have no real way of styling it.

    As is visible, there’s supposed to be a border at the top and bottom however it migrates to the top and cuts through the navigation bar. I have no idea why it’s happening and I’ve tried everything, from using new divs and spans, using different methods for styling it, as well as trying margins and padding and none of them seem to work!

    Does anyone have any ideas? I can easily upload any code if people wish to view it but it’d be a lot so I’m not exactly sure what to post right now! Any help would be greatly appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)
  • peredur

    (@peredur)

    14 years, 4 months ago

    Your menu is floated left and therefore does not contribute to the height of its containing element. Since the #container element does not clear the float, the junction between the #container and the #header is immediately after the last non-floated item in the #header (i.e. p.line2).

    Adding clear: left; to the #container properties should sort it out.

    HTH

    PAE

    Thread Starter Plusbits

    (@plusbits)

    14 years, 4 months ago

    Thank you so much, that’s sorted it! 😀

    Thank you again!

    peredur

    (@peredur)

    14 years, 4 months ago

    De nada

    PAE

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Custom Theme Header Issue’ is closed to new replies.