Home/ Questions/Q 7588741
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T19:59:49+00:00

At this fiddle , you can see a header-bar with a title on the

  • 0

At this fiddle, you can see a header-bar with a title on the left and some text on the right. The problem should be obvious,

  1. the header-bar does not scale with the full site, only with the visible part
  2. The right-floated text sticks to the top of the header and is not on the same baseline as the title.

How can I fix this? Is there a better way to achieve what I want to do?

Clarification: With “the header does not scale” I mean that it does not have a width of 750px as defined in #header because the page is too small.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    A few things:

    • No need for a float-clearing element. Just add overflow: auto; to the container.
    • Use max-width instead of width, as it scales nicely.

    Try this: http://jsfiddle.net/PkkU8/7/

    • 0