Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/09/2007, 09:58
Avatar de franhanck
franhanck
 
Fecha de Ingreso: enero-2005
Mensajes: 115
Antigüedad: 19 años, 2 meses
Puntos: 0
Pregunta Como puedo a linear esto


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
__________________
Si fuera eterno sabría todo pero como no lo soy recurro al foro al cabo que siempre hay alguien que sepa más que uno Gracias amigos son de mucha ayuda

Última edición por franhanck; 26/09/2007 a las 12:55