04/05/2011, 18:39
|
| | Fecha de Ingreso: mayo-2011
Mensajes: 2
Antigüedad: 13 años, 7 meses Puntos: 0 | |
Respuesta: Problema de margen al insertar PHP tienes razon amigo:
<div class="wrapper">
<?php include('navbar.php');?>
<div class="allin">
<div class="tbw1">
<div class="tbw0">
<?php include('webcamnavigation.php');?>
<?php include('cambox.php');?>
</div><!--.tbw0-->
<?php include('chatwrapper.php');?>
</div><!--.tbw1-->
<div class="modelswrapper">
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('model-holder.php');?>
<?php include('pagepicker1.php');?>
</div><!--.modelswrapper-->
</div><!--.allin-->
</div><!--.wrapper-->
basicamente modelswrapper es el div que contiene 8 elementos de php,
y al visualizarlo solo el 4to elemento se coloca a 20px por debajo de la primera fila
esta hecho para que contenga 4 elementos por fila despues del 4to, se colocan los demas por debajo y forman una nueva fila, todos estan perfectamente bien alineados, incluso el 8vo que seria el 4to de su hilera esta perfectamente bien alineado, ya checke que el div que los contiene tenga sufiente espacio para contener comodamente 4 elementos por fila, con su float :left;
no hay problemas con paddings, ni margenes, lo cual me desconcierta que suele hacer esto aleatoriamente con cualquier elemento llamado con PHP.
añado tambien el CSS de los divs involucrados
.model{
float:left;
width:174px;
height:265px;
background-color:#ffffff;
margin:0px 0px 0px -2px;
}
.modelswrapper{
float:left;
width:690px;
border:1px solid #3f3c40;
background-image:url(images/point1.jpg);
-moz-box-shadow: inset 0 0 5px 5px #000;
-webkit-box-shadow: inset 0 0 5px 5px #000;
box-shadow: inset 0 0 3px 3px #000;
padding:5px 5px 3px 7px ;
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-bottom-right-radius:5px;
}
agradeceria su ayuda porfavor, soy nuevo en esto de los foros asi que no se como seria la correcta forma de colocar parte del codigo asi que copie y pegue aqui mismo. |