Bueno se me complico un poco el css y no se como alinear esto
http://www.icem.cl/proyectos/index.php
Este es el codigo PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="index.css" />
<title>Cajon del Maipo</title>
</head>
<?php
$archivo = file_get_contents('barra.xml');
$xml = simplexml_load_string($archivo);
?>
<body>
<div id="global">
<div id="principal">
<div id="arriba"></div>
<div id="columna1">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Proyectos</a></li>
<li><a href="#">Contactenos</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Proyectos</a></li>
<li><a href="#">Contactenos</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Proyectos</a></li>
<li><a href="#">Contactenos</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Proyectos</a></li>
<li><a href="#">Contactenos</a></li>
</ul>
</div>
<div id="columna21">
<div class="centitulo" id="logo">Logotipo </div>
<div class="centitulo" id="nombre">Nombre</div>
<div class="centitulo" id="direccion">Direccion</div>
<div class="centitulo" id="telefono">Telefono</div>
</div class="centitulo">
<? for($n=0; $n<count($xml); $n++ ){?>
<div id="columna2">
<div id=cen1> <img src="<?= $xml->barra[$n]['otra'];?>" /> </div>
<div id=cen2><?=$xml->barra[$n]['name'];?></div>
<div id=cen3><?=$xml->barra[$n]['folder'];?></div>
<div id=cen4><?= $xml->barra[$n]['id'];?></div>
</div>
<? }?>
<div id="columna3">
<div class="banner"><?//=$xml->barra[$n]['otra']?></div>
<div class="banner"><?//=$xml->barra[$n]['otra']?></div>
<div class="banner"><?//=$xml->barra[$n]['otra']?></div>
<div class="banner"><?//=$xml->barra[$n]['otra']?></div>
</div>
<div id="pie">copyring 2007</div>
</div>
</div>
</body>
</html>
y ESTE EL CSS Como lo puedo arreiglar para alinearlo
/* CSS Document */
body {
margin:0 0 0 0;
background-image: url(images/bg13.gif);
}
body,td,th {
color: #000000;
}
#global{
margin: 0 auto;
padding:0 0 0 0;
}
#principal{
width:760px;
padding:10px 0 10px 0;
margin:0 auto;
background-color:#000000;
}
#arriba{
width:760px;
height:180px;
background-color:#FFCC33;
margin: 0 0 10px 0;
}
#columna1{
width: 115px;
background-color: #999999;
margin: 0 10px auto 0;
float: left;
padding-bottom: 200px;
}
#columna1 ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#columna1 a{
display: block;
padding: 0px;
width: 115px;
height:auto;
background-color: #999999;
border-bottom: 1px solid #eee;
font:12px arial;
}
#columna1 li a:link, #menu a:visited{
color: #EEE;
text-decoration: none;
}
#columna1 a:hover{
background-color: #369;
color: #fff;
}
#columna2{
width: 461px;
background-color: #000000;
float: left;
}
#columna21{
width: 461px;
background-color: #EDEED0;
float:left;
}
.centitulo{
float: left;
background-color: #EDEED0;
font:Arial, Helvetica, sans-serif;
color: #FF0000;
font-size: 12px;
text-align: center;
}
#logo{
width: 77px;
float: left;
background-color: #EDEED0;
}
#nombre{
width: 141px;
float: left;
background-color: #EDEED0;
}
#direccion{
width: 138px;
float: left;
background-color: #EDEED0;
}
#telefono{
width: 105px;
float: left;
background-color: #EDEED0;
}
#cen1{
width: 77px;
height: 60px;
float: left;
background-color: #EDEED0;
}
#cen2{
width: 141px;
height: 60px;
float: left;
background-color: #EDEED0;
}
#cen3{
width: 138px;
height: 60px;
float: left;
background-color: #EDEED0;
}
#cen4{
width: 105px;
height: 60px;
float: left;
background-color: #EDEED0;
}
#columna3{
width: 164px;
height: 80px;
margin: 0 0 0 10px;
background-color: #000000;
float: left;
}
.banner{
background-color: #0000FF;
height: 75px;
width: 164px;
}
#pie {
clear: left;
background-color: #FFCC33;
font: 12px arial;
height: 13px;
}
El lado azul es la columna 3 y necesito que este alineada junto a los otro dos los tengo todos con float left pero = de todas maneras se me baja . el codigo php me trae datos de un xml que tengo - en realidad no se si sera eso por que le saco el codigo php y me queda alineado y quiero que se me incremente solo el centro "y hacerlo contablas no es una alternativa"
Por favor ayudenme que es un poco urgente y me cuesta maquetear el css