Estoy intentando mostrar una variable en pantalla que se debe visualizar en un div diferente según cuál sea su valor. Es decir, tengo dos divs (simulando columnas) y por ejemplo tengo un array de valores 0 o 1. Según sea su valor debe salir en uno u otro div. Tal como lo tengo hecho, me sale algo así
Adjunto código
.col1{
position: relative;
left: 0px;
top: 0px;
width: 22%;
background-color: red;
height: 100px;
}
.col2{
position: relative;
left: 500px;
top: 0px;
width: 22%;
background-color: yellow;
height: 100px;
}
$par =[ 0,1, 0 ,2,0,0];
foreach ($par as $p) {
if($p == 0){?>
<div class="col1">
<?php echo "El valor es: ".$p; ?>
</div>
<?php } ?>
<?php if($p != 0){?>
<div class="col2">
<?php echo "El valor es: ".$p; ?>
</div>
<?php }
}
Lo que yo quiero es que salga sin mostrar divs intermedios y sin dejar los espacios
Espero que se entienda lo que quiero. Muchas gracias por su ayuda