Ver Mensaje Individual
  #38 (permalink)  
Antiguo 24/07/2009, 11:38
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 6 meses
Puntos: 539
Respuesta: Aporte: Guía de Migración a XHTML+CSS - Parte II

Realiza estos cambios/añadidos a tu css
Código css:
Ver original
  1. #Wrapper {
  2. margin:0 auto;
  3. position:relative;
  4. width:800px;
  5. }
  6. #Textret {
  7. float:left;
  8. font-size:13px;
  9. line-height:1.2em;
  10. margin:20px 0 0 45px;
  11. padding:0;
  12. text-align:justify;
  13. width:236px;
  14. }
  15. .textpicbike {
  16. font-size: 12px;
  17. font-style: italic;
  18. margin-left:290px;
  19. padding-top:25px;
  20. }
  21. .textpicbike img {
  22. float: left;
  23. }    
  24. .propiedades {
  25. clear:both;
  26. font-size:12px;
  27. text-align:left;
  28. float: left;
  29. }

Y en el html remodela para que quede así:
Código html:
Ver original
  1. <div id="Wrapper">
  2. <div id="Navbar"><!-- su contenido no varía, aunque estarían mejor los enlaces en una lista, no en span
  3. </div>
  4. <div id="Textret">
  5.      <p>Tenemos sorprendentes ofertas si quieres comprar una bici. Si después de un tiempo estás aburrido de ella, te la volvemos a comprar!<br />
  6.      Si has decidido comprar una de nuestras bicicletas, has tomado una buena decisión. Disfrútala durante un año y luego tráela; te daremos 100? si está en un estado decente. Esto significa que la estás pagando a mitad de precio.<br />
  7.      También puedes salir por la puerta con una nueva MANDRIN si lo deseas.</p>
  8.  </div>
  9.    <div class="textpicbike">
  10. <img src="mandrinman_files/mandrinman.jpg" alt="MANDRINLADY" />
  11.    <p>Para aquellos hombres que prefieran la sobriedad a lo chafardero tenemos la bici perfecta. Esta bicicleta es fuerte, sólida y duradera.
  12.        Con su caja de 3 velocidades podrás ir de un lado al otro de la ciudad, y por qué no, también llevar a la parienta. </p>
  13.    <ul class="propiedades">
  14.        <li>Armazón de acero</li>
  15.        <li>Luz de dínamo frontal</li>
  16.        <li>Sillín grande y cómodo</li>
  17.        <li>Cubrecadena de acero pintado</li>
  18.        <li>Guardabarro trasero. Aleación de llantas tradicional</li>
  19.        <li>Rear one piece carrier with full stand</li>
  20.        <li>Freno trasero contrapedal con 3 velocidades internas</li>
  21.        </ul>
  22.  </div>
  23. </div> <!-- cierre de wrapper -->
Por cierto, la imagen de la bici la tenías sin cerrar.
Ahora al menos yo lo veo correcto y razonablemente parecido en FF 3.5, ie7, safari, opera.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++