Elastic width header problem

[Michael]

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

[chazzwick]

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.

[Michael]

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!

[Author]

Posts