Forums

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:


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!

treehouse : what would you like to learn today?

Forums

Elastic width header problem