1.

Solve : Heading and footer problem?

Answer»

Hello,
On my website when view on a different screens the header and footer SHRINKS and then I can’t see the writing on it.
Here is the CSS:

CODE: [Select]#topheader{
        margin:0 auto;
        width:auto;
        height:16px;
        background:URL(images/topheader.jpg) repeat-x;
}

#menu_bar {

 margin:0 auto;
 width:100%;
 height:40px;
 background:url(images/Menu_bar.jpg)repeat-x;
 padding-top:10px;
}

#footer {
        margin:0 auto;
        width:auto;
        height:100px;
        background:url(images/footer.jpg)repeat-x;     
}When you have the left and RIGHT margins set to auto you NEED to specify a width.If you use a fluid layout (use % instead of pix) it will adjust to the screensize)
-
hope this helps
falcon


Discussion

No Comment Found

Related InterviewSolutions