Nicht-CSS-Stil auf eine asp-label

Habe ich ein eigenartiges Ergebnis, wenn ich will einen meiner CSS-Stile für die asp-Etiketten. Stile haben tatsächlich nur partielle Wirkung, wie zum Beispiel solche Attribute wie background-color und Farbe greift und die Breite und Höhe nicht. Ich verstehe nicht, warum.

ASP

 <div id="wrap">
<div id="left" class="Tablestyle">
<asp:Label ID="Label1" runat="server" Text="Entry Number: " class="Tablestyle"></asp:Label>
<br /><div class="separator">&nbsp;</div>
<asp:Label ID="Label3" runat="server" Text="ID Number: " class="Tablestyle"></asp:Label>
<br /><div class="separator">&nbsp;</div>
<asp:Label ID="Label2" runat="server" Text="Type: " class="Tablestyle"></asp:Label>

</div>
<div id="Mid">&nbsp</div>
<div id="right">
<asp:Label ID="IdBox" runat="server" class="TableStyleInfo"></asp:Label>
<br /><div class="separator">&nbsp;</div>
<asp:Label ID="IdNumBox" runat="server" class="TableStyleInfo"></asp:Label>
<br /><div class="separator">&nbsp;</div>
<asp:Label ID="TypeBox" runat="server" class="TableStyleInfo"></asp:Label>
</div>
</div>

CSS

#wrap
{
width:555px; 
margin:auto;
text-align:center;
}

 #Mid
{
width:5px;
height:330px;
float:left;
background-color:White;
}

#right
{
width:400px;
float:left;
text-align:left;
background-color:Yellow;
}

#left
{
width:150px;
float:left;
text-align:right;
background-color:Green;
}

 .separator
{
height:4px;
line-height:4px;
background-color:White;
}

.Tablestyle
{
width:150px;
height:20px;
text-align:right;
color:white;
font-weight:bold;
background-color:#507CD1;   
 }

.TableStyleInfo
 {
width:400px;
height:20px;
text-align:left;
color:Black;
background-color:#EFF3FB;
}

Versuchte ich auch ändern class zu CssClass aber es passiert nichts genau das gleiche.

Ich wäre sehr dankbar, wenn jemand kann mir auf meine Fehler sind, oder mir einen Tipp geben warum kann ich nicht gelten width-und height-Eigenschaften.

  • Ich habe einige Verbesserungen. Ich fügte float:left auf die Klasse anwendbar für asp-Etiketten TableStyle und TableStyleInfo. Jetzt itgets die richtige Breite, aber separator divs sind nicht sichtbar =(
InformationsquelleAutor meks | 2013-09-30
Schreibe einen Kommentar