Hoy estaba haciendo un poco de I+D para una web que estoy desarrollando y he encontrado un par de enlaces muy interesantes, a la vez que explicativos y prácticos por si alguna vez tenéis que hacer una web en XHTML, CSS y usar 3 columnas para la presentación. Lo típico de menú a la izquierda, contenido en el centro y otra columna a la derecha para banners o más opciones.

Puesto que soy de la vieja escuela del HTML (de los que ponía todo en tablas cuando sólo existía Internet Explorer 3.0), la verdad es que me está costando lo suyo adaptarme a maquetar las webs todo con div’s y separar totalmente el contenido de la presentación (CSS), pero gracias a ejemplos y explicaciones como estos a uno le ponen las cosas más fáciles.

Actualización:
Gracias a los comentarios de atroz y albir os dejo un par de enlaces más relacionados con CSS y XHTML que pueden ser útiles:

Por luigix

13 comentarios en «3 columnas usando div en XHTML y CSS»
  1. …ya verás cuando te encuentres con los «hacks» de css que a veces toca usar, son más dolorosos que una patada en la espinilla. A mí me gusta mucho para estas cosas el w3cschools –simple, pero una buen sitio de referencia.
    Saludos!

  2. La verdad es que CSS ya sabía de sobra (bueno, o eso creía), y HTML también y XHTML (más o menos), y llevo ya muchas webs y horas de programación a la espalda, lo que pasa que siempre he metido todo en tablas y los estilos, aún externalizando bastante, todavía metía mucho style=»xxxxx» dentro de tag’s HTML. Pero poco a poco me estoy acostumbrando a la nueva forma de programar de separar contenido de presentación y no usar tablas si no es estrictamente necesario… vamos aquello tan bonito que se llama «usabilidad» !

    En fin, que cualquier link o ejemplo siempre es bienvenido y hoy me ha ido de perlas tener un ejemplo de 3 columnas con div’s flotantes porqué si por mi fuera, ya le hubiera metido una tabla de 3 columnas de buenas a primeras.

  3. En mi opinión w3schools.com es como una biblia. La de veces que habremos consultado por allí. A mi me pasa como a ti, voy poniendo mogollon style=»…», y poco poco los voy quitando para poner en el CSS aparte.
    Saludos.

  4. Ya habia visto alguna ventana, son bastante buenos. Estaria bueno que pusieran manuales de hojas (para imprimir) que son mas faciles de estudiar que desde internet con tantas ventanas.. o recopilados en foros (que son siempre un liazo). Esta muy bien.

    Te deje un meme concurso en mi blog.

    Cuidarse.

Los comentarios están cerrados.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies