How to design master page using div in asp.net ?

Question

0.00/5 (No votes)

See more:

Hello Friends

How to design master page using division instead of table in asp.net ? I used table so far so guide me how to use briefly...

Thanks
Vikyas

Posted 26-Aug-14 18:17pm

vikyas26

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

sankarsan parida · Answer 1 · 2014-08-26T19:37:00

Solution 1

It's depends your requirement, what type of design you want then make a design on that way. For information sharing some link make review there
how-to-create-master-pages-with-aspnet-4/[^]
http://odetocode.com/articles/450.aspx[^]

Posted 26-Aug-14 19:37pm

sankarsan parida

Comments

vikyas26 27-Aug-14 9:17am

How to align the div element to different size ? Ex: I want to display Image,login details,some content all in single row,guide me how to align the div ? in css what should I use either % or px or em ?

[no name] 27-Aug-14 9:40am

See in the following way
<div style="float: left; height: 100px; width: 49%; background-color: aliceblue;">
</div>
<div style="float: left; height: 100px; width: 49%; background-color: aquamarine;">
</div>

Yash Raichura · Answer 2 · 2014-08-26T20:23:00

i will design as my perspective you can modify your own as needed

Step1: Use the nested div and try to make pseudo code of the design
Step2: Divide the Section as Header,Section And Footer

Step 3:now use

XML

<div>
<div>header</div>
<div>content</div>
<div>footer</div>
</div>

Step: you can add nested div inside as per your requirement and same it is like table

assume tr as div

thanks

some Links:

<a href="http://mrbool.com/understanding-the-div-tag-in-html/25263">

Yash Raichura · Answer 3 · 2014-09-09T19:23:00

Solution 3

See YOu Have To Do As Below
..

XML

<div Style="align:left">
<div>image</div>
<div>login</div>
<div>someother</div>
</div>

..
by this it will Come In single row only...
Conclusion:Align Left the main div All the other content Will come is Same row
..
Thnaks

Posted 9-Sep-14 19:23pm

Yash Raichura