Re: [Ovillo] Problemas con max-width
antonio andujar escribió: ¿Y como sería exactamente? Es decir, ahora funciona bien exceptuando lo de la alerta, como crees que debería ponerlo. Pues por ejemplo !--[if gte ie 5.5000] link rel=stylesheet type=text/css href=ieBugs.css / ![endif]-- Y en ieBugs.css metes los css que no son válidos y sólo funcionan para arreglar fallos del Explorer. -- Saludos -=stripTM=- ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con max-width
Muchas gracias, ya lo he estado probando y perfecto ;-) Un saludo Toni ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con max-width
He visto varios mensajes esta semana, y las anteriores sobre estos temas. Cabe destacar que el problema está en cómo la gente interpreta el modelo de caja en CSS. Parece que nadie realmente lo entiende, aprendido esto, no veríamos prácticamente este tipo de mensajes. No me malinterpreten, no estoy enojado por leer estos mensajes, sino al contrario, es un signo claro de que la gente aprende por el lado equivocado CSS. Para el que empieza, si le interesa ahorrarse miles de dolores de cabeza, tiene, por obligación, aprender el modelo de caja de CSS. Las variaciones son ínfimas entre navegadores y realmente le ayudan a uno a comprender cómo funciona, espacialmente, todos los objetos en una página web. Así mismo, siguiendo esto, para terminar de dominar prácticamente CSS, tener una idea clara de lo que son los elementos en sí: elementos en línea, de bloque y reemplazados. ¿Están de acuerdo? On 5/1/06, antonio andujar [EMAIL PROTECTED] wrote: Muchas gracias, ya lo he estado probando y perfecto ;-) Un saludo Toni ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con max-width
Sencillo: Se escribe modelo de cajas con CSS en Google y obtendrás un listado de sitios donde explican este sistema: www.disenorama.com/articulos/css/el_modelo_de_cajas.htm (no funciona el link pero ingresa este: http://www.disenorama.com/articulos/el-modelo-de-cajas-en-CSS ) http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada (bueno) http://www.theragingche.com/traductor/bmh_tantek/ http://www.webtaller.com/construccion/lenguajes/css/lecciones/modelo-cajas-css-2.php http://www.sidar.org/recur/desdi/traduc/es/css/box.html (Buenísimo) http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/ http://www.tomatoma.ws/articulo.php?topic_id=383forum_id=28 ... etc, etc, etc. Para buscar hay que utilizar el sentido común y muchas ganas. Saludos Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: laura [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, May 01, 2006 11:02 AM Subject: Re: [Ovillo] Problemas con max-width hola, estoy de acuerdo, hay que aprender a usar el modelo de caja de CSS, pero podrias aportar algun manual o libro donde se expliquen adecuadamente estos conceptos?, yo intento aprender algo de este lenguaje y realmente hay muchas cosas que no entiendo o me parecen verdaderas montañas :S Hasta otra Laura On 5/1/06, Diego Martin @gmail.com wrote: No me malinterpreten, no estoy enojado por leer estos mensajes, sino al contrario, es un signo claro de que la gente aprende por el lado equivocado CSS. Para el que empieza, si le interesa ahorrarse miles de dolores de cabeza, tiene, por obligación, aprender el modelo de caja de CSS. Las variaciones son ínfimas entre navegadores y realmente le ayudan a uno a comprender cómo funciona, espacialmente, todos los objetos en una página web. ___ 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://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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problemas con max-width
Hola este es mi primer mensaje en la lista, aunque llevo tiempo
leyendola, el caso esque tengo problemas con el max-width, veamos os
pego el codigo para que lo veais.
html:
div id=contenedor
div id=contenedor2
div id=contenedor3
hola
/div
/div
/div
y el css:
#contenedor {
width: 100%;
max-width: 930px;
background-color: #63b5df;
padding: 0px 10px 0px 10px;
}
#contenedor2 {
width: 100%;
max-width: 910px;
background-color: #b4e3fb;
padding: 0px 10px 0px 10px;
}
#contenedor3 {
width: 100%;
max-width: 890px;
background-color: #FF;
padding: 0px 10px 0px 10px;
}
Lo que quiero es basicamente que si tienes una resolucion de 800x600
se vea al 100% y a medida que se vaya aumentando la resolucion, el div
se vaya haciendo mas grande pero sin exceder de 950px.
Segun como lo tengo yo ahora me esta dando problemas en firefox para
windows y mac y en internet explorer para windows. En el momento de
hacer la ventana mas pequeña, en vez de tomar el 100% aparece la barra
de desplazamiento horizontal.
Segun he leido googleando max-width da problemas en IE asique no se la
manera exacta de poder hacer lo que quiero.
A ver si me podeis ayudar, un saludo y 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con max-width
- Ponle comillas a las IDs de tus DIVs,
- max-* no funciona en IE...
- Usa un solo contenedor y le pones un width de la medida que quieras, y a
su contenido un width al 100%
Saludo,
DJ-Dom
2006/4/30, antonio andujar [EMAIL PROTECTED]:
Hola este es mi primer mensaje en la lista, aunque llevo tiempo
leyendola, el caso esque tengo problemas con el max-width, veamos os
pego el codigo para que lo veais.
html:
div id=contenedor
div id=contenedor2
div id=contenedor3
hola
/div
/div
/div
y el css:
#contenedor {
width: 100%;
max-width: 930px;
background-color: #63b5df;
padding: 0px 10px 0px 10px;
}
#contenedor2 {
width: 100%;
max-width: 910px;
background-color: #b4e3fb;
padding: 0px 10px 0px 10px;
}
#contenedor3 {
width: 100%;
max-width: 890px;
background-color: #FF;
padding: 0px 10px 0px 10px;
}
Lo que quiero es basicamente que si tienes una resolucion de 800x600
se vea al 100% y a medida que se vaya aumentando la resolucion, el div
se vaya haciendo mas grande pero sin exceder de 950px.
Segun como lo tengo yo ahora me esta dando problemas en firefox para
windows y mac y en internet explorer para windows. En el momento de
hacer la ventana mas pequeña, en vez de tomar el 100% aparece la barra
de desplazamiento horizontal.
Segun he leido googleando max-width da problemas en IE asique no se la
manera exacta de poder hacer lo que quiero.
A ver si me podeis ayudar, un saludo y 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://ovillo.org/mailman/listinfo/ovillo
--
www.dj-dom.net
[EMAIL PROTECTED]
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con max-width
On Sun, 30 Apr 2006 16:41:56 -0300, antonio andujar
[EMAIL PROTECTED] wrote:
#contenedor {
width: 100%;
max-width: 930px;
background-color: #63b5df;
padding: 0px 10px 0px 10px;
}
Cuando calculas el 100%, tenes que sumar el 100% de width, tenés que sumar
los valores de padding.
En una ventana de 600px horizontales, el ancho total sería 600px (100%)
+ 10px (padding izquierda) + 10px (padding derecha) = 620px;
Podrías bajar el width a 90% y cambiar los paddings por porcentajes
(padding: 0 5%), por ejemplo.
max-width no fue implementado para IE6.
--
Federico MP
http://511.dabomb.com.ar
Using Opera 9 beta 1
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con max-width
Hola, bueno ya que solucioné el problema, me gustaría compartir como
lo hice por si le puede ser util a alguien con el mismo problema.
Utilicé la propiedad document.body.clientWidth y por lo menos IE 6 me
lo soporta, no se en versiones anteriores, aunque usando XP da el
aviso de ejecutar activex, pero eso es lo de menos.
Os pego el codigo css:
#contenedor {
max-width: 930px;
background-color: #63b5df;
padding: 0px 10px 0px 10px;
width:expression(document.body.clientWidth 930? 930px: auto );
}
#contenedor2 {
max-width: 910px;
background-color: #b4e3fb;
padding: 0px 10px 0px 10px;
width:expression(document.body.clientWidth 910? 910px: auto );
}
#contenedor3 {
max-width: 890px;
background-color: #FF;
padding: 0px 10px 0px 10px;
width:expression(document.body.clientWidth 890? 890px: auto );
}
Un saludo y gracias por las respuestas ;-)
Toni
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con max-width
On 4/30/06, antonio andujar [EMAIL PROTECTED] wrote: Utilicé la propiedad document.body.clientWidth y por lo menos IE 6 me lo soporta, no se en versiones anteriores, aunque usando XP da el aviso de ejecutar activex, pero eso es lo de menos. Te recomiendo pongas eso en un condicional IE para que sea más estádar. -- NEO_JP http://neojp.cristalab.com/ ___ 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://ovillo.org/mailman/listinfo/ovillo
