Tema: Ayuda CSS con tablas o divs
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 21/06/2010, 15:23
Avatar de alexk
alexk
Colaborador
  
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: Ayuda CSS con tablas o divs
te falto el doctype, y las "ID" no se deben repetir deben ser unicas, para eso estan las "class" para repetir.
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin título</title>
  6. <head>
  7. <title>Prueba</title>
  8. <style type="text/css">
  9. *{ margin:0; padding:0;}
  10. .fila  {
  11.     margin:0 auto;
  12.     width:100%; 
  13.     }
  14. #columnai {
  15.     float:left;
  16.     width:538px;
  17.     }
  18. p.titulo  {
  19.     color:#CC0000;
  20.     text-align:justify;
  21.     padding:10px;
  22.     border-bottom: 1px #993333 solid;
  23.     }
  24. #columnai.texto  {
  25.     text-align:justify;
  26. }
  27. #columnai.texto p{
  28.     padding:10px;
  29. }
  30. #columnad {
  31.     float:right;
  32.     width:300px;
  33.     }
  34. #columnad.imagen {
  35.     border: 1px #993333 solid;
  36.     padding: 5px;
  37.     vertical-align: middle;
  38.     text-align:center;
  39. }
  40. #wrap 
  41. {
  42.     margin:0 auto;
  43.     overflow:hidden;
  44.     width:850px;
  45. }
  46. </style>
  47. </head>
  48. <body>
  49. <div id="wrap">
  50.     <div class="fila">
  51.         <div id="columnai">
  52.             <p class="titulo">Prueba</p>
  53.         </div>
  54.         <div id="columnad" class="imagen">
  55.           <img src="https://www.dropbox.com/static/images/psychobox.png" width="300" height="300    "/>
  56.         </div>
  57.     </div>
  58.     <div class="fila">
  59.         <div id="columnai" class="texto">
  60.           <p>Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba.</p>
  61.         </div>  
  62.     </div>
  63. </div>
  64. </body>
  65. </html>
prueba con lo anterior y comentas si se acerca a lo que necesitas
__________________
Toroflix - movies.