[Ovillo] CSS vs. Tablas
Hola hace unos meses le solicite un buen manual pata poder empezara a pasar mis
maquetacion de tablas a xhtml y css, me pasaron un manual de madre
http://cafeina.ladybenko.net/?p=338 , ahora ya estoy empezando un trabajo
directamente con estilos y madre que cambia, con las tablas en unos minutos
hacia magia, sigo con los estilos, pero mi pregunta es, se puede reproducir lo
que hacia con las tablas.
Ej. yo siempre usaba un tabla dividida en dos filas, ancho 778 px y alto 100%
centrada, esto me aseguraba que siempre estaría centrada y abarcaría 778 d la
pantalla, dividida en dos la tabla de abajo estaba alineada inferior que es
donde ponía el pie de pagina, esto me permitía que no importara la resolución
siempre mi pie de pagina quedaba abajo, me podría echar una mano con este
código en css, la verdad que no lo consigo muy bien, probé con lo siguiente. (
ej de mis tablas y como se comporta en distintas resoluciones
http://www.biotecnicas.com.ar/ )
body {
text-align: center;
margin: 0px;
background-color: #CC;
}
#container {
width : 778px;
height: 94%;
background-image: url(graficos/fon.gif);
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: none;
float: none;
- #container creo zona que contendra mi info de 778 px por 100% centrada
#footer {
width:778px;
text-align:center;
font-size:11px;
color:#FF;
background-image: url(graficos/pie.gif);
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
vertical-align: middle;
background-position: center;
height: 48px;
clear: both;
padding: 5px;
--- #footer quiere que salga abajo simpre que se amolde a las
resoluciones, pero me aparace despues del container, y me tira la barra de
scroll
Espero que me haya explicado, gracias
Saludos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Css vs. Tablas
Echale un vistazo a estos layouts para ver comom se utilizan, y lo mejor
que puedes hacer es ir modificandoloes y ver como se comportan ante lo
que le hagas. Es una buena forma de aprender.
Casi todos tiene barras laterales, pero se las puedes quitar y hacer más
ancha la central.
http://blog.html.it/layoutgala/
Un saludo
·
Samuel Agudiño Márquez
Habitaquo -> http://habitaquo.wordpress.com
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Juan Aiello - CDS
Enviado el: martes, 03 de abril de 2007 16:13
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Css vs. Tablas
Hola hace unos meses le solicite un buen manual para poder empezar a
pasar mis maquetacion de tablas a xhtml y css, me pasaron un manual de
madre http://cafeina.ladybenko.net/?p=338 , ahora ya estoy empezando un
trabajo directamente con estilos y madre que cambia, con las tablas en
unos minutos hacia magia, sigo con los estilos, pero mi pregunta es, se
puede reproducir lo que hacia con las tablas.
Ej. yo siempre usaba un tabla dividida en dos filas, la tabla con un
ancho 778 px y alto 100% centrada. Esto me aseguraba que siempre estaría
centrada y abarcaría el 100% del alto. La tabla dividida en filas,
arriba ponia la cabezera y el contenido y la fila de abajo estaba
alineada inferior que es donde ponía el pie de pagina, esto me permitía
que no importara la resolución siempre mi pie de pagina quedaba abajo,
me podría echar una mano con este código en css, la verdad que no lo
consigo muy bien, probé con lo siguiente. ( ej de mis tablas y como se
comporta en distintas resoluciones http://www.biotecnicas.com.ar/ )
Tratando de reproducir eso en CSS
body {
text-align: center;
margin: 0px;
background-color: #CC;
}
#container {
width : 778px;
height: 94%;
background-image: url(graficos/fon.gif);
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: none;
float: none;
- #container creo zona que contendra mi info de 778 px por 100%
centrada
#footer {
width:778px;
text-align:center;
font-size:11px;
color:#FF;
background-image: url(graficos/pie.gif);
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
vertical-align: middle;
background-position: center;
height: 48px;
clear: both;
padding: 5px;
--- #footer quiere que salga abajo simpre que se amolde a las
resoluciones, pero me aparace despues del container, y me tira la barra
de scroll
Espero que me haya explicado, gracias
Saludos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Css vs. Tablas
Hola hace unos meses le solicite un buen manual para poder empezar a pasar mis
maquetacion de tablas a xhtml y css, me pasaron un manual de madre
http://cafeina.ladybenko.net/?p=338 , ahora ya estoy empezando un trabajo
directamente con estilos y madre que cambia, con las tablas en unos minutos
hacia magia, sigo con los estilos, pero mi pregunta es, se puede reproducir lo
que hacia con las tablas.
Ej. yo siempre usaba un tabla dividida en dos filas, la tabla con un ancho 778
px y alto 100% centrada.
Esto me aseguraba que siempre estaría centrada y abarcaría el 100% del alto. La
tabla dividida en filas, arriba ponia la cabezera y el contenido y la fila de
abajo estaba alineada inferior que es donde ponía el pie de pagina, esto me
permitía que no importara la resolución siempre mi pie de pagina quedaba abajo,
me podría echar una mano con este código en css, la verdad que no lo consigo
muy bien, probé con lo siguiente. ( ej de mis tablas y como se comporta en
distintas resoluciones http://www.biotecnicas.com.ar/ )
Tratando de reproducir eso en CSS
body {
text-align: center;
margin: 0px;
background-color: #CC;
}
#container {
width : 778px;
height: 94%;
background-image: url(graficos/fon.gif);
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: none;
float: none;
- #container creo zona que contendra mi info de 778 px por 100% centrada
#footer {
width:778px;
text-align:center;
font-size:11px;
color:#FF;
background-image: url(graficos/pie.gif);
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
vertical-align: middle;
background-position: center;
height: 48px;
clear: both;
padding: 5px;
--- #footer quiere que salga abajo simpre que se amolde a las
resoluciones, pero me aparace despues del container, y me tira la barra de
scroll
Espero que me haya explicado, gracias
Saludos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
