CODEWITHSUNDEEP
htmlcssheaderfooter
kaboom
kaboom

Reputation: 833

fix-width for header footer when resizing window

I have html and body set to width: 100% position: absolute
and header, footer width: 100%.

So when I resize the window, the header footer also resize. How can I make them to have a fixed width which is the window's maximum width??? Especially after resizing, header footer dont stretch all the way to the right

Thank you so much for ur help

<pre>
    html, body {
    height: 100%;
    width: 100%;
    }

    body {   
        position: absolute;  
        font-family: Helvetica, Garamond, serif;  
        margin: 0 0 0 0;
    }

    #footer {
        position: relative;
        margin-top: -150px;
    }

    #header, #footer {
        margin: 0 0 0 0;
        width: 100%;
    }

    #header {
        height: 100px;
    }

</pre>

Upvotes: 1

Views: 1689

Answers (2)

Shahbaz Singh
Shahbaz Singh

Reputation: 191

You can use min-width property to apply a minimum width that is required by the div...

Upvotes: 1

arttronics
arttronics

Reputation: 9955

I have 3 jsFiddles you can look at including Edit and Edit2 HERE.

Is that what you want?

Upvotes: 0

Related Questions