Zentrierung contentplaceholders

Ich habe einen contentplaceholder, der in der Mitte der Seite zentriert werden soll (so nahe wie möglich absolut) . Das Problem, das ich habe, ist, wenn der Browser zu verschiedenen Auflösungen bewegt, wird die Zentrierung abgeworfen.Zentrierung contentplaceholders

Ich habe versucht mit divs und Tabellen. Ich habe den Präcent mit em-Einheiten abgeschaltet, und immer noch kein Workie. Jede Hilfe würde sehr geschätzt werden. Mein Endziel ist die Content immer in der Mitte der Seite zu haben, unabhängig von der Auflösung des Monitors

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

Code für Master und Code für Content-Seite

<%@ 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>

Quelle

2011-01-02 gh9

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

Quelle

2011-01-02 20:33:40 Babiker

nicht dort beenden. Die Größe ändert sich immer noch, wenn ich die Monitor-Ergebnisse ändere. Ich habe zwei Monitore bei 1440X900 und die andere bei 1920 X1080. Auf den zweiten Monitor zu gelangen vermasselt die Ausrichtung. Ich habe den Code in meine ursprüngliche Frage eingefügt. – gh9

Was meinst du mit Größenanpassung? – Babiker

Ich meine, wenn sich meine Bildschirmauflösung ändert, ändert sich auch die physische Positionierung der Elemente. Der Inhalt im contentplaceholder stimmt differently überein – gh9

Antwort

Verwandte Themen