¿Cómo poner correctamente 3 banners en línea con CSS?

  • Autor Autor leotek
  • Fecha de inicio Fecha de inicio

leotek

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas

Primero si este tema no corresponde a este foro movedlo, por favor.

Necesito colocar 3 banners en linea pero por mas que busco por CSS solo logro poner 2 porque el tercero se me descoloca. Os muestro el código que tengo:

<div style="margin: 5px; float: left;">

Codigo banner

</div>

<div style="margin: 5px; float: right;">

Codigo banner

</div>

Yo he probado con float center... y nada... no controlo de CSS pero es que antes de escribir aquí he buscado por todos lados y no encuentro como poner 3 banners en linea y separados correctamente.

Espero que me podáis ayudar. Gracias!
 
Insertar CODE, HTML o PHP:
<div id="ads">
<div id="ad1">
<center>aki ad1</center>
</div>
<div id="ad2">
<center>aki ad2</center>
</div>
<div id="ad3">
<center>aki ad3</center>
</div>
</div>

CSS

Insertar CODE, HTML o PHP:
#ads{background:#fff;width:960px;height:270px;border-bottom:1px solid #ddd;}#ad1{float:left;margin-top:10px;width:315px;height:250px;border:1px solid #000;}#ad2{float:left;margin-top:10px;width:315px;height:250px;border:1px solid #000;}#ad3{float:left;margin-top:10px;width:315px;height:250px;border:1px solid #000;}
 
Pula91 gracias por responder.... habría alguna forma de hacerlo igual sin tocar la hoja de estilos?
 
nadamas pon el codigo de cada ID como lo estabas haciendo, en lo personal yo prefiero en la hoja de estilos, ya que asi se comprime todo el codigo y queda todo el CSS con menos peso
 

Temas similares