Linear tres divs izquierda-centro-derecha

Linear tres divs izquierda-centro-derecha

Hola a todos
Me registre hoy para ver si alguien podría ajudarme con mi problema de alineaciones de capas:
Tengo puesto 3 divs alineados izquierda-derecha con float i el del centro con position:absolute ; left:35% ; margin:12px 0px 0px 0px;
Se ve bien alineados preo el problema que tengo es cuando reduzco la ventana de la web, la capa del medio se superpone.
Espero haberme explicado bien pra que ustedes lo entiendan y me puedan ayudar
Este es mi codigo:
HTML: <body>
<div id="tablon-general">
<div id="tablon-derecho"> Esta es la capa de la derecha</div>
<div id="tablon-izquierdo"> Esta es la capa de la izquierda </div>
<div id="tablon-central"> Esta es la capa del centro</div>
</div>
</body>
CSS: body {background-color:black ; }
#tablon-general {background-color:#B0B0B0;
Height:195px;
}
#tablon-izquierdo { background-color:#CCCCCC;
Height:167px ;
Width:270px;
Text-align:center;
Float:left;
Margin:12px 0px 0px 12px;
}
#tablon-central { text-align:center;
Background-color:#CCCCCC;
Height:167px;
Width:335px;
Position:absolute ;
Left:35% ;
Margin:12px 0px 0px 0px;
}
#tablon-derecho { background-color:#CCCCCC;
Height:167px ;
Width:218px;
Text-align:center;
Float:right;
Margin:12px 12px 0px 0px;
}

Temas relacionados

  • Div de tamao variable
  • Flotar 3 div izq, centro y derecha
  • Evitar superposicin al flotar divs
  • Es posible hacer un slider de divs con HTMLCSS
  • divs desplazables sin borrar contenido
  • Alinear divs exactamente