Announcement

**Vladdy** · Jul 9, 2002, 02:11 PM

#layer
{
...
text-align:center;
...
}

**Flamerule** · Jul 9, 2002, 02:50 PM

Vladdy, that align's the text horizontally.

Code:

vertical-align : 50%;

Should work... I'm not sure though.

**kippie** · Jul 9, 2002, 02:52 PM

Thanks Vladdy,
But I'm afraid you mean horizontal alignment. But I'm looking for vertical alignment.
Kippie

**kippie** · Jul 9, 2002, 02:54 PM

Thanks Flamerule,
But this doesn't seem to work also. Who can help?
Kippie

**Vladdy** · Jul 9, 2002, 03:41 PM

oops... excuse my original brainfart....

...ok this works in Gekko browsers as it should....

Code:

#layer 
{ position: absolute;
  [COLOR="red"]display: table-cell;
  vertical-align: middle; [/COLOR]
  top: 16px; 
  left: 16px; 
  width: 200px; 
  height: 200px;
  border-style: dashed; 
  border-color: red; 
  visibility: visible;
 }

but I guess you would have to do this to accomodate the stoopid IE:

Code:

<table id="layer">
<td valign="center">this text should be vertically
 aligned in this layer.
 But I don't how how to do it.
</td>
</table>

**kippie** · Jul 10, 2002, 10:47 AM

Thanks,
But is there no way to align vertically without using table commands?
Kippie

**Flamerule** · Jul 10, 2002, 10:55 AM

Code:

<table id="layer">
<td valign="center">this text should be vertically
 aligned in this layer.
 But I don't how how to do it.
</td>
</table>

It's <td valign="middle">

Announcement

How to align this vertically?

How to align this vertically?

Comment

Comment

Comment

Comment

Comment

Comment

Comment