Re: [Ovillo] problema con layout de tres columnas

[Jose Antonio Corachán]

Echale un vistazo al último trabajo de Big John (positioniseverything) 
al respecto:



La base de esta maqueta es la de Douglas Livingstone 
 que es una de mis favoritas para 
diseños con tres columnas (o incluso con dos).

Ana Belén Ramón escribió:
hola!
Estoy haciendo un layout de tres columnas. 
Semánticamente la página se divide en tres secciones: 
1- Contenido principal
2- Datos útiles para el usuario  
3- Promociones
Ese es el orden que quiero que aparezca cuando la página se vea sin 
estilos (lectores de pantalla, handhelds...).
--
Jose Antonio Corachán
___
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] problema con layout de tres columnas

[cybersys]

aquí tienes dos ejemplos que te pueden servir para empezar



éste sería algo parecido a lo que quieres

http://www.libelum.com/ex/



en general cada navegador te mostrará una cara más o menos diferente al verlo ya que 
no tiene hacks, especialmente aquellos que no tienen soporte para position:absolute, 
pero si lo lees con alguno en consola de comandos verás el orden 1, 2, 3 que necesitas



un ejemplo más sostenible sería éste

http://www.libelum.com/ex/1.htm

pero no se adapta del todo a lo que quieres :(



En la página tienes el código. Espero que te sirva de ayuda, si lo combinas con el 
ejemplo que te ha propuesto Federico seguro que lo consigues



José Luis





Federico wrote:



>Como respuesta rapida (y por acto reflejo) lo unico que se

>me ocurre ahora es la opción de BlueRobot

>

>http://bluerobot.com/web/layouts/layout3.html

>

>Espero que te sirva.

>

>>Estoy haciendo un layout de tres columnas. 

>>Semánticamente la página se divide en tres secciones: 

>>1- Contenido principal

>>2- Datos útiles para el usuario  

>>3- Promociones

>>Ese es el orden que quiero que aparezca cuando la página

>>se vea sin  estilos (lectores de pantalla, handhelds...).

>>

>>Pero con estilos, quiero posicionar la sección 2 a la

>>izquierda, la 1  en el centro y la 3 a la derecha.

>

>Además

>

>>me gustaría maquetar todo en  tanto por ciento, en vez

>

>de

>

>>en píxeles (y sobre todo, que se vea  decentemente en el

>>mayor número de navegadores)

>

>

>___

>Ovillo mailing list

>[EMAIL PROTECTED]

>http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

>


___
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] problema con layout de tres columnas

[Federico]

Como respuesta rapida (y por acto reflejo) lo unico que se
me ocurre ahora es la opción de BlueRobot

http://bluerobot.com/web/layouts/layout3.html

Espero que te sirva.

> Estoy haciendo un layout de tres columnas.
> Semánticamente la página se divide en tres secciones:
> 1- Contenido principal
> 2- Datos útiles para el usuario
> 3- Promociones
> Ese es el orden que quiero que aparezca cuando la página
> se vea sin  estilos (lectores de pantalla, handhelds...).
>
> Pero con estilos, quiero posicionar la sección 2 a la
> izquierda, la 1  en el centro y la 3 a la derecha.
Además
> me gustaría maquetar todo en  tanto por ciento, en vez
de
> en píxeles (y sobre todo, que se vea  decentemente en el
> mayor número de navegadores)

___
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

RE: [Ovillo] problema con layout de tres columnas

[Virginia Aguirre]

Hola Ana

Espero que esta página te ayude.
http://www.glish.com/css/home.asp 

Creo que en el código debes posicionar los div en el orden en el que quieres
que salgan sin estilos.
Y mediante "float" en el CSS las posicionas visualmente.
También puedes echar un vistazo a la hoja de estilo de nuestro sitio web
aunque las "cajas" de información están en valores absolutos (hay varias,
esto está en estilos_pal.css dentro del directorio estilos o sea:
http://www.facilnet.es/estilos/estilos_pal.css )


Salu2

Virginia


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre
de Ana Belén Ramón
Enviado el: sábado, 21 de febrero de 2004 17:38
Para: [EMAIL PROTECTED]
Asunto: [Ovillo] problema con layout de tres columnas

hola!
Estoy haciendo un layout de tres columnas. 
Semánticamente la página se divide en tres secciones: 
1- Contenido principal
2- Datos útiles para el usuario  
3- Promociones
Ese es el orden que quiero que aparezca cuando la página se vea sin 
estilos (lectores de pantalla, handhelds...).

Pero con estilos, quiero posicionar la sección 2 a la izquierda, la 1 
en el centro y la 3 a la derecha. Además me gustaría maquetar todo en 
tanto por ciento, en vez de en píxeles (y sobre todo, que se vea 
decentemente en el mayor número de navegadores), pero llevo todo el día 
y no he conseguido nada decente. ¿Alguna sugerencia?

Muchas gracias! :)


___
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org