contra10 Posted August 12, 2009 Share Posted August 12, 2009 I was chaning all my pixel values into percentage values to get myself a liquid layout but it seems as if my header won't change based on th percentage. when I input a pixel amount it the header shows up but when i put in a percentage amount nothing shows #header { height:100%; line-height:46%; background: #FE7B09 url(includes/bg.jpg) repeat-x; } and this is the one that works #header { height: 100px; line-height: 60px; background: #FE7B09 url(includes/bg.jpg) repeat-x; } Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted August 12, 2009 Share Posted August 12, 2009 line-height is a inline property for text. It can't take a percentage. It will take em or some other relative font measurement (which is what you're looking after) however. Quote Link to comment Share on other sites More sharing options...
contra10 Posted August 12, 2009 Author Share Posted August 12, 2009 sounds good but how about the height percentage Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted August 13, 2009 Share Posted August 13, 2009 Why would you want a percentage height? Different resolutions usually just affect the width of the webpage. The scroll bar shouldn't be a problem. Keep the height fixed. And then use a background image to tile horizontally as far as you need to. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.