how can i position the Div in the middle for all pages

Question

0.00/5 (No votes)

See more:

#fotter
{
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
border:solid 1px black;
width:828px;
height:20px;
}

this is my div on Master page.it does not stay on the middle when i run the defult page. But it comes on the middle for other child pages

please help

Posted 26-Feb-12 12:23pm

Shahriar Mahmud

Add a Solution

2 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)

Sergey Alexandrovich Kryukov · Answer 1 · 2012-02-26T14:31:00

Just in case, I tested your CSS sample — it works properly. The problem is not in the style or div, but somewhere else, in the code using it.

You can see what's going on using one simple thing: look at your code as at plain HTML+CSS. For this purpose, load the offending page on client side with the browser and use its "View Page Source". Alternatively, use "Save Page As". Check if CSS is referenced correctly, the attribute or id of the element is correct, etc.

—SA

codegeekalpha · Answer 2 · 2012-02-26T14:56:00

XML

make a class of container as below in your css file

<pre lang="CSS">.container {
    width: 900px;
    margin: 0 auto;
}

</pre>

and proceed with the fallowing procedure in html

<pre lang="HTML"><div id="main">
<div class=container>

</div>

</div> </pre>
 in id=main you can handle with backgrouds ar other stuff.
class container div centers the contents of web side.

how can i position the Div in the middle for all pages

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0