Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/10/2011, 03:31
Avatar de charlyalegret
charlyalegret
 
Fecha de Ingreso: septiembre-2011
Ubicación: Barcelona
Mensajes: 705
Antigüedad: 12 años, 7 meses
Puntos: 140
Respuesta: Alinear div a la derecha dentro de otro?

debes crear un div para cada elemento y luego lo que te comentaron de float. Por ej.:

Código HTML:
Ver original
  1. <div id="texto_contacto">
  2.     <div id="texto">
  3.     <img src="images/contacto_ellugar.jpg" width="816" height="71" />
  4.     <p>
  5.       Direccion y como llegar<br>
  6.     Heroes de Malvinas 401, San Isidro
  7.     </p>
  8.     <p>
  9.     Direccion y como llegar<br>
  10.     Heroes de Malvinas 401, San Isidro
  11.     </p>
  12.     </div>
  13.     <div id="google_map">
  14.     <iframe width="150" height="150" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.ar/maps?q=heroes+de+malvinas+400+san+isidro,+buenos+aires,+argentina&amp;oe=utf-8&amp;client=firefox-a&amp;ie=UTF8&amp;hq=&amp;hnear=Heroes+de+Malvinas+400,+San+Isidro,+Buenos+Aires&amp;gl=ar&amp;t=h&amp;vpsrc=6&amp;ll=-34.464196,-58.517668&amp;spn=0.002654,0.003197&amp;z=16&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com.ar/maps?q=heroes+de+malvinas+400+san+isidro,+buenos+aires,+argentina&amp;oe=utf-8&amp;client=firefox-a&amp;ie=UTF8&amp;hq=&amp;hnear=Heroes+de+Malvinas+400,+San+Isidro,+Buenos+Aires&amp;gl=ar&amp;t=h&amp;vpsrc=6&amp;ll=-34.464196,-58.517668&amp;spn=0.002654,0.003197&amp;z=16&amp;iwloc=A&amp;source=embed" style="color:#666666;text-align:left">Ver mapa más grande</a></small>
  15.     </div>
  16.     </div>

Código CSS:
Ver original
  1. #texto_contacto {
  2.         position:relative;
  3.         margin-left:67px;
  4.         width: 816px;
  5.     }
  6.      
  7.     #texto {
  8.         position:relative;
  9.         float:right;
  10.         width: 600px;
  11.     }
  12.     #google_map {
  13.         text-align:right;
  14.         float:left;
  15.         margin-right: 0px;
  16.         margin-top:0;
  17.     }

A partir de ahí ya ajustarlo como más te guste...