How to design master page with proper CSS ?


I have seen so many person used to design the master page in without writting CSS just like drag, drop and so many hardcoded alignment with in that master page. But it is not a good practice ane even though html page will look so dirty.

For design any master, you can write proper external css class which will be applicable in all the page like this

Step1: Write this in external CSS file

border:Solid 1px black;

Note: here whatever css you will write in html portion that will be applicable to all the pages where you will call css file reference.

Step 2: drag and drop the css reference in master header portion
Step3 : Call the CSS class in master in like

<form id=”form1″ runat=”server”>
<div class=”Content”>
<div>This is the header part</div>
<asp:Button ID=”btnClick” runat=”server” Text=”Click Here”
onclick=”btnClick_Click” />
<asp:ContentPlaceHolder id=”ContentPlaceHolder1″ runat=”server”>

<div>This is the footer part</div>


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.