Buenas, llevo un día entero liado con esto y no soy capaz de dar con la tecla
Tengo dos div dentro de un section, os adjunto el codigo
<section id="cabecera_tabla">
div id="cabecera_tabla1">
<h2 id="titulo"> MES DE <?php echo $mes?> DE <?php echo $AÑO?> </h2>
<hr id="h_2" />
</div>
<div id="cabecera_tabla2">
<a id="resumen_ano" href="resumen_ano_TELCO.php?COD_CLIENTE= <? php echo $COD_CLIENTE_IMPUTACION ?>"> RESUMEN </a>
<a id="alta_baja" href="altas_bajas_TELCO.php?COD_CLIENTE= <?php echo $COD_CLIENTE_IMPUTACION ?>"> AÑO </a>
</div>
</section>
Al dibujarla en html en IE-8, la primera div me la pone arriba, al borde del section, tal y como esperaba. La segunda me la pone a la derecha, pero mas abajo!, descuadrado vaya. He probado poniendo en el segundo div vertical-align: top; pero pasa completamente de mi. Sin embargo si en la primera pongo vertical-align: bottom; esta si baja y se alinea con la segunda.
Os dejo tb el codigo css
section#cabecera_tabla{
/*background: green;*/
background: green;
margin: top;
width: 100%;
}
div#cabecera_tabla1{
/*background: orange;*/
background: orange;
display: inline-block;
width: 49%;
text-align: left;
}
div#cabecera_tabla2{
/*background: yellow;*/
background: yellow;
text-align: left;
display: inline-block;
width: 48%;
vertical-align: top;
}
¿Alguien me puede echar una mano por favor?
Muchas gracias por adelantado!