Grow your CSS skills. Land your dream job.

Elastic width header problem

  • # July 27, 2008 at 12:28 pm

    Hey CSS fans.

    I am working on a site right now where i want to use elastic width. I have to admit that i am using a layout i’ve found on the interweb and now i am trying to modifying it for my needs. I am just no "from-the-scratch" guy. ;) )

    So if you look at the site:
    http://reitverein.hettich.in/

    Resize the width of the window, the little logo and the text bumps out of the header. I tried all the variatons of position: but wasn’t succesful…

    Also: The markup doesn’t look.. well, it doesn’t look perfect. If you have a idea how to do it all better from the start – let me know.

    cheers,
    Michael

    # July 27, 2008 at 1:55 pm

    ive had this problem before. i found out that giving the body this style:

    Code:
    width:xyz px;
    display:table;
    margin: 0 auto;

    this should solve your problem. then just change the positioning of the header and header icon, and it should work.

    # July 28, 2008 at 4:58 am

    Thanks, it did help.. at least somehow.

    But i’ve decided to switch back to a 960px-wide-fixed layout. I would just be investing too much time and my client wouldn’t even notice the difference…

    But at some time I will try again to do a fluid layout and I’ll remember your tip!

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".