Re: [Ovillo] sobre columnas al 100%
laura escribió:
hola
2008/4/15 Jorge L. Batista E [EMAIL PROTECTED]:
Hola Lista,
Hace tiempo se discutió aquí pero ahora mismo no encuentro una
solución lo suficientemente sencilla para este problema.
Tengo un diseño muy sencillo compuestos por dos columnas verticales.
div id=left_column/div
div id=main_column/div
Lo que necesito es que la columna izquierda left_column tenga un
ancho fijo en em y la otra columna main_column ocupe el resto de la
página hasta llegar al 100% y a su vez necesito que ambas ocupen el
100% del espacio vertical.
Así sin probarlo mucho, se me ocurre una forma, en el css
correspondiente le pones:
.left_colum{
width:YY em;
float:left;
}
.main_column {
width:100%;
}
no se el resultado en otros navegadores, pero en firefox, es aceptable. :)
suerte
laura
___
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
__ Información de NOD32, revisión 3027 (20080415) __
Este mensaje ha sido analizado con NOD32 antivirus system
http://www.nod32.com
Puedes probar con lo que te ha dicho laura, pero no le pongas un ancho
al main_column pues esto hace saltar el haslayout
(http://www.satzansatz.de/cssd/onhavinglayout.html) y hace que el
elemento interactue de forma diferente a lo esperado en explorer.
Saludos.
--
*Francisco Álvarez Alonso*
Programador
Logotipo de Brainet
*Brainet*
c/ Santa María de la Cabeza n° 9,
47012 Valladolid.
*983 10 09 07* www.brainet.es http://www.brainet.es
___
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] Alineación mal en IE
hola Jesus El principal problema que tienes es un bug de explorer 6 (doubled flota margin bug) http://www.positioniseverything.net/explorer/doubled-margin.html Cuando flotas el primer elemento dentro de un contenedor y le das un margen, explorer 6 lo duplica como por arte de magia La solución más rápida es aplicarle un display:inline al elemento que flotas (no tiene sentido pues un elemento que flotas automaticamente es de bloque, pero corrige el bug) Saludos Javier Sanroman escribió: Hola a todos! Este es mi primer mensaje a la lista y espero que no sea el último :-) intentaré ayudar en todo lo posible. Jesus, como bien comenta Victoria el problema parecen ser las diferencias en el modelo de cajas entre firefox y explorer, fijate sino en el margen de la caja izq que en ie6 es mucho mayor y por eso no deja sitio a la caja de la dcha. Como siempre para solucionar estas diferencias creo que debemos recurrir a los hacks remendones y particularizar algunas propiedades específicamente para el ie: !-- CSS para IE-- !--[if IE 7] style type=text/css media=screen@import ../css/ie7.css;/style ![endif]-- !--[if IE 6] style type=text/css media=screen@import ../css/ie6.css;/style ![endif]-- !--[if IE 5.5] style type=text/css media=screen@import ../css/ie5.css;/style ![endif]-- Que alguién me corrija si me equivoco por favor, no me gustaría meter la pata a la primera de cambio. Por cierto si tu sitio debe ser compatible con ie6 fíjate en que los pngs transparentes no están soportados en dicho navegador. Un saludete On Fri, Feb 15, 2008 at 12:19 AM, Jesus Torralba Izuel [EMAIL PROTECTED] wrote: Hola, acabando esta web, me doy cuenta de que de repente en IE las imágenes de la entrada salen mal alineadas, aunque en Firefox se ven correctamente. Podeis ayudarme a encontrar el fallo? llevo un buen rato y ya no veo. WEB: http://www.pasteleriavilas.com/lab/new10/ CSS: http://www.pasteleriavilas.com/lab/new10/estilo_body.css Gracias ___ 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
Re: [Ovillo] Sitio en Drupal
Hola Xavier: Para empezar deberías quitar el comentario antes del doctype pues hace que explorer renderize en quirks mode, además de cerrar alguna que otra etiqueta. Saludos. Xavier Araque A.|Rendergraf escribió: Saludos estoy desarrollando este sitio, quisiera impresones del desarrollo. http://picaje.com/?q=node/8 la parte del menú en IE no se que me sucede que se corre. Alguna sugerencia? Xavier ___ 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] Problema con Footer en Margin-Top
Gerzo Karim escribió:
simplemente genial
pero por que no funcionara en IE??? alli que hack o que hay que hacer,
alguna idea
Si funciona lo que pasa que no has definido el Doctype y explorer entra
en quirks mode.
saLudOs,
http://lists.ovillo.org/pipermail/ovillo/2007-June/012482.html[Ovillo]
Problema con Footer en Margin-Top *Juan Jorge Muñoz Herrero* jjmh399 en
gmail.com
ovillo%40lists.ovillo.org?Subject=%5BOvillo%5D%20Problema%20con%20Footer%20en%20Margin-TopIn-Reply-To=bf4a2b73070602v4c955e13ycd07b298f78d0f9d%40mail.gmail.com
*Vie Jun 1 19:24:16 UTC 2007*
- Mensaje anterior: [Ovillo] [off-topic] Ayuda con menú desplegable
(javascript)
http://lists.ovillo.org/pipermail/ovillo/2007-June/012481.html
- *Mensajes ordenados por:* [ fecha
]http://lists.ovillo.org/pipermail/ovillo/2007-June/date.html#12482
[
hilo
]http://lists.ovillo.org/pipermail/ovillo/2007-June/thread.html#12482
[
asunto
]http://lists.ovillo.org/pipermail/ovillo/2007-June/subject.html#12482
[
autor
]http://lists.ovillo.org/pipermail/ovillo/2007-June/author.html#12482
--
html
head
titleTEST.../title
style type=text/css
*{margin:0;padding:0;}
/*
Esto lo hago para machacar
los valores de cada navegador
y tener un poco más de control
*/
#contenedor {
width:750px;
margin:0 auto;
text-align:left;}
#contenido {
background:#DDD;
float:left;
width:540px;}
#ladoa {
background:#00FF00;
float:right;
margin-left:10px;
width:200px;}
#pie {
float:left; /*esto es a lo que se refiere*/
width:100%; /*esto es a lo que se refiere*/
background:#00;
margin-top:15px;
clear:both;}
/style
/head
body
div id=contenedor
div id=contenido
pLorem ipsum dolor sit amet, consectetuer adipiscing
elit. Mauris gravida sem eu sem. Vestibulum rhoncus convallis nisi.
Aliquam velit enim, tempor et, tempus sagittis, tristique ac, quam. In
eget elit. Nulla egestas porttitor sapien. Cras ac tortor eget mauris
aliquam placerat. Maecenas sit amet nisi. Class aptent taciti sociosqu
ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac
habitasse platea dictumst. Nam arcu nulla, ultrices sit amet,
pellentesque non, vestibulum in, nulla./p
/div
ul id=ladoa
liLink 1/li
liLink 2/li
liLink 3/li
/ul
div id=pie
pLorem ipsum dolor sit amet Lorem ipsum dolor sit
amet Lorem ipsum dolorsit amet Lorem ipsum dolor sit amet/p
/div
/div
/body
/html
PD: Te sobraba la div que contenía la lista.
___
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] Problema con Footer en Margin-Top
El contenedor contenido y ladoa están flotando con lo que se salen
del flujo normal del documento. En cambio pie no lo está flotando con
lo que el margen superior de este lo calcula
en este caso respecto a su caja contenedora (contenedor) al decirle al
pie que no haya elementos flotando a sus lados (clear:both) te dibuja la
caja debajo de estas y como el margen superior (15px)
es inferior a la altura de los dos elementos flotantes (contenido y
ladoa), te da la impresión de que no se lo aplica (Prueba a poner
margin-top:1000px :)). La solución que le daria yo es flotar el pie y
darle un ancho del 100% del contenedor. Saludos.
Gerzo Karim escribió:
Hola,
basicamente mi layout css esta asi:
body {
margin:0 auto;
text-align:center;
}
#contenedor {
width:750px;
margin:0 auto;
text-align:left;
}
#contenido {
background:#DDD;
float:left;
width:540px;
}
#ladoa {
background:#00FF00;
float:right;
margin-left:10px;
width:200px;
}
#pie {
background:#00;
margin-top:15px;
}
y en implementacion es algo mas o menos asi:
html
head
titleTEST.../title
link rel=stylesheet href=main.css type=text/css media=all
/head
body
div id=contenedor
div id=contenido
pLorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor
sit amet Lorem ipsum dolor sit amet/p
/div
div id=ladoa
ul
liLink 1/li
liLink 2/li
liLink 3/li
/ul
/div
div id=pie
pLorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor
sit amet Lorem ipsum dolor sit amet/p
/div
/div
/body
/html
pero el problema radica en que mi footer no funciona ni con IE ni con FF el
atributo margin-top solo sirve el margin-bottom y no se por que se me
pega mucho el #pie al #contenido :'(
alguna idea necesito su ayuda!!!
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
