problem with vertical centering an image

  • Thread starter Thread starter Jeff
  • Start date Start date
J

Jeff

ASP.NET 2.0

The code below doesn't vertically center the image within the div, what am I
missing??

<div style="background-color:Green; width:210px; height:230px;
text-align:center; vertical-align:middle;">
<asp:Image ID="imgProfile" runat="server" Height="220px"
Width="200px" />
</div>

I've also tryed this:
<div style="background-color:Green; width:210px; height:230px;
padding:5px;">
<asp:Image ID="imgProfile" runat="server" Height="220px"
Width="200px" />
</div>
Which doesn't work either.

I did this on IE7

Any suggestions??
 
ASP.NET 2.0

The code below doesn't vertically center the image within the div, what am I
missing??

<div style="background-color:Green; width:210px; height:230px;
text-align:center; vertical-align:middle;">
<asp:Image ID="imgProfile" runat="server" Height="220px"
Width="200px" />
</div>

I've also tryed this:
<div style="background-color:Green; width:210px; height:230px;
padding:5px;">
<asp:Image ID="imgProfile" runat="server" Height="220px"
Width="200px" />
</div>
Which doesn't work either.

I did this on IE7

Any suggestions??
Click to expand...

line-height:230px
 
Back
Top