Ayuda con columnas en HTML

[Leo Catán.-]

Hola, buenas.

 

Escribo porque tengo un problema con cuadrar una página web. Sucede que estoy intentando escribir una página de productos, organizada en 4 columnas: La primera y la tercera con imágenes, y la segunda y la cuarta con la descripción del producto cuya imagen se encontraría a su izquierda. Espero se entienda.

 

Sucede que, para tal efecto, intenté dividir las "columnas" por porcentaje, y cuadrar todo usando saltos de línea (br), pero al verlo en distintos sistemas operativos (con distintas tipografías de navegador), en distintas resoluciones de pantalla, o en distintos dispositivos, todo se descuadra.

 

Qué comando sugieren ustedes para que todo quede bien cuadrado, aún cuando se cambien ls variables antes descritas? Existe alguna posibilidad de crear, directamente, columnas y filas y hacerlas invisibles? A modo de que no se note que existen pero sí organicen todo bien.

 

De antemano muchas gracias,

Saludos!

Edited July 14, 2014 by Leo Catán.-

[cañangasñangas]

man lo unico que se necesita para que tu web se vea siempre igual es tener una hoja de estilo (css, css3) lo mas rigurosa posible sin deja nada por defecto, ya que los "por defecto" queda a "juicio" del explorador del usuario y hay muchos exploradores...

luego de hacer tu hoja de estilo lo mas rigurosa posible ahi recien te pones a buscar problemas de diseño en los diferentes exploradores, algunos de los exploradores que deberias checkar:

M$ IE
Firefox
Safari

Opera

Google Chrome

no se si se me escapo uno, pero claro esta que debes tener las ultimas versiones de c/explorador para asegurar que tu web esta bien diseñada...

Eso por mi parte...

[Leo Catán.-]

man lo unico que se necesita para que tu web se vea siempre igual es tener una hoja de estilo (css, css3) lo mas rigurosa posible sin deja nada por defecto, ya que los "por defecto" queda a "juicio" del explorador del usuario y hay muchos exploradores...

 

luego de hacer tu hoja de estilo lo mas rigurosa posible ahi recien te pones a buscar problemas de diseño en los diferentes exploradores, algunos de los exploradores que deberias checkar:

 

M$ IE

Firefox

Safari

Opera

Google Chrome

 

no se si se me escapo uno, pero claro esta que debes tener las ultimas versiones de c/explorador para asegurar que tu web esta bien diseñada...

 

Eso por mi parte...

 

¿A qué te refieres con lo de rigurosidad?

Tengo la página web diseñada completa, sólo hace falta que dicha sección no se descuadre.

 

En LibreOffice Writter puedo seleccionar la opción de crear celdas (filas y columnas) y luego dejarlas invisibles, a modo de poder, por ejemplo, dejar un espacio para firma al final de la hoja con el respectivo nombre, en el tercio derecho.

 

¿Existe alguna opción similar en html? Sé que puedo crear celdas, pero estas son bastante feas y no sé ocultar sus márgenes.

 

Saludos

 

P.S.: Para el diseño de la página utilizo BlueGriffon, pero la mayoría de las cosas las agrego o cambio utilizando el editor de texto.

 

[cañangasñangas]

con rigurosidad me refiero a que cada atributo de cada elemento no se deje en blanco o por defecto, sino que toma todos los atributos y darle los valores que tu necesitas...

 

te doy un ejemplo, en los <td></td> en iexplore el vertical align es centrado mientras que el firefox el vertical align es top por darte un ejemplo de desestandarizacion...

con eso me refiero que seas riguroso con tus hojas de estilos...

Esop

[AshWilliams]

Ya no se usan tablas...eso es muy anticuado...deberías investigar sobre un sistema de grids como el que usa el framework Foundation http://foundation.zurb.com/ ;)

 

Saludos :krider: