Центрирование наполнителей контента - PullRequest
Новая
       0

Центрирование наполнителей контента

0 голосов
/ 02 января 2011

У меня есть заполнитель содержимого, который должен быть центрирован (как можно ближе к абсолютному) к центру страницы.Проблема, с которой я сталкиваюсь, заключается в том, что браузер перемещается в разные разрешения, при этом центрирование сбрасывается.

Я пытался использовать div и таблицы.Я переключил precent с их единицами, и все еще никакого рабочего.Любая помощь будет принята с благодарностью.Моя конечная цель состоит в том, чтобы заполнитель содержимого всегда был в центре страницы независимо от разрешения монитора 

    <div style="width:20%"/>
<div style="width:60">
contentplaceholercode
</div>
<div style="width:20%"/>


<table>
<tr >
<td style="width:20%">
</td>
<td style="width:60>
</td>
<td style="width:20%">
</td>
</tr>
</table>

код для главной страницы и код для страницы содержимого 

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Master.master.cs" Inherits="WorkRecordr.Master" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <script src="Assets/Scripts/Jqeury1.4.4.js" type="text/javascript"></script>

    <title></title>
    <style type="text/css">
        body
        {
            background-color: #326598;
        }
        .outer
        {
            width: 100%;
            border: solid 1px gray;
            padding: 1px;
        }
        .inner
        {
            border: solid 1px gray;
            width: 70%;
            margin-left: auto;
            margin-right: auto;
        }
    </style>
</head>
<body>
    <div style="text-align: center">
        <asp:ContentPlaceHolder ID="head" runat="server">

        </asp:ContentPlaceHolder>
    </div>
    <form id="form1" runat="server">
    <div class="outer">
    <div class="inner">
          <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
        </div>
    </div>

    </form>
</body>
</html>





<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="WorkRecordr.test" MasterPageFile="~/Master.Master" %>


<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
aaaaaaaaa***aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa***aaaaaaaaaaaaaaaa

</asp:Content>

1 Ответ

0 голосов
/ 02 января 2011 
<html>
    <head>
        <style type="text/css">
        .outer{
            width:100%;
            border:solid 1px gray;
            padding:1px;

        }
        .inner{
            border:solid 1px gray;
            width:60%;
            margin-left:auto;
            margin-right:auto;
        }
        </style>
    </head>
    <body>
        <div class="outer">
            <div class="inner">content</div>
        </div>
    </body>
</html>
...