Hello,

I am making the layout of a web page that I want it to have the same look in all screens. The page I am working on, has three parts, header, main, and footer, which I want to header to be on the top of the screen. main and footer sticks to the bottom of the page.

 

I made the header to in the top but I couldn't add percentage to the main and footer section. Can you have a look at the attached document and let me know how to fix this problem.

percentage.html

You can just add width: 30% and height: 50% for example, don't really understand what you mean xD

 

Cheers

Why don't you make a table around all of the code and set it to 100% then align the code inside to the center.

 

<table width="100%" border="1">

<td>

 

<div align="center">

Code inside of this cell.

</div>

 

</td>

</table>

Edited May 27, 201214 yr by Ashbridge