Member Avatar for mestalia118 
<style type="text/css">
.main {background-color:#FF0000; height:300px; width:300px;vertical-align:middle; }
</style> 


</head>

<body>
<div class="main" align="center"> Some Text
</div>
Edited by peter_budo because: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks)
  • 2 Contributors
  • 1 Reply
  • 38 Views
  • 14 Hours Discussion Span
  • Latest Post Latest Post by Traevel
Member Avatar for Traevel

Hi there,

Try something like this...

<html>
<head>
<style type="text/css">
.main{
	_position:relative;
	display:table;
	width:300px;
	height:300px;
	background-color:#FF0000;
}
.content{
	_position:absolute;
	_top:50%;
	width:300px;
	height:300px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
</style>
</head>
<body>
<div class="main">
	<div class="content">
		Some Text
	</div>
</div>
</body>
</html>

It should work in IE and FF.

Hope that helps,

Traevel

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.