Şöyle birşey işini görür sanırım
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD
HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<
HTML>
<head>
<meta http-equiv="Content-Type" content="text/
HTML; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/
CSS">
<!--
#container {
width: 500px;
margin-right: auto;
margin-left: auto;
}
body {
text-align: center;
margin: 0px;
padding: 0px;
}
#kirmizi {
background-color: #FF0000;
float: left;
height: 250px;
width: 250px;
}
#mavi {
background-color: #0099FF;
float: left;
height: 250px;
width: 250px;
}
#siyah {
background-color: #666666;
height: 250px;
width: 500px;
clear: both;
position: relative;
}
table {
text-align: center;
margin-right: auto;
margin-left: auto;
}
-->
</style>
</head>
<body>
<
div id="container">
<
div id="kirmizi">Kırmızı</
div>
<
div id="mavi">Mavi</
div>
<
div id="siyah">
<table>
<tr>
<td> Siyah </td>
</tr>
</table>
</
div>
</
div>
</body>
</
HTML>
Mavi ve kırmızıdaki yazıların ortalanmasını istemiyorsan align left yap, ayrıca verdiğin her paddingin toplamlarını kutuların yükseklik ve genişliklerinden çıkarmayı unutma.
Kolay gelsin...