Re: [Ovillo] Problemas con los margenes
Magicsoul escribió:
Hola, tengo un problema en internet explorer 6 (he visto en todos y creo que
solo es con este) e inferiores supongo.
el problema es que se me descuadra la web totalmente con ie 6, he repasado
una y otra vez pero no logro saber el porqué.
http://www.magicsoul.net/blog/
Despues también tengo problemas con las imágenes png de mi menú, en ie6 no
me hace las transparencias, alguien sabe algun hack para esto?
Como siempre muchas gracias por la ayuda :)
Lo de los margenes si no te responden antes me lo tengo q mirar con mas
cariño para ver cual es el problema pq ahora no dispongo de mucho tiempo.
En lo que si puedo ayudarte de forma más rapida es con los png.
Pon el siguiente código en el head de tu pagina
!-- Convertir todos los PNG en transparentes para IE, versiones anteriores a
la 7--
!--[if lt IE 7]
script language=JavaScript
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 6.
{
var arVersion = navigator.appVersion.split(MSIE)
var version = parseFloat(arVersion[1])
if ((version = 5.5) (document.body.filters))
{
for(var i=0; idocument.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == PNG)
{
var imgID = (img.id) ? id=' + img.id + ' :
var imgClass = (img.className) ? class=' + img.className + ' :
var imgTitle = (img.title) ? title=' + img.title + ' :
title=' + img.alt + '
var imgStyle = display:inline-block; + img.style.cssText
if (img.align == left) imgStyle = float:left; + imgStyle
if (img.align == right) imgStyle = float:right; + imgStyle
if (img.parentElement.href) imgStyle = cursor:hand; + imgStyle
var strNewHTML = span + imgID + imgClass + imgTitle
+ style=\ + width: + img.width + px; height: + img.height +
px; + imgStyle + ;
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
+ (src=\' + img.src + \', sizingMethod='scale');\/span
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent(onload, correctPNG);
/script
![endif]--
Con esto conseguiras que todos los png de la pagina te hagan la tranparencia en
ie sin tener que hacer nada más. (a mi me funciona siempre)
Este truco funciona siempre que la imagen esté en el codigo htm, php, etc... Lo
unico que no te convertirá son los png transparentes que carges desde CSS, pero
para eso hay otro truco.
Si lo necesitas tb para los de css coméntalo y te lo mando.
--
==
Oscar Arenas Alcazar
[EMAIL PROTECTED]
- Web Designer -
Dpto. Internet
Grupo MILLOR SOFT S.L.
==
___
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] Columnas que me desbordan un div
Lo del height es correcto si esas columnas tienen un height fijo, pero
deduzco que no es el caso.
Lo mejor, si quieres q la columna derecha te englobe todos los elementos
es q despues de las columnas flotantes y antes de cerrar el div de la
derecha te crees un div para limpiar los elementos flotantes:
Algo asi:
div id=derecha
div id=bloque/div
div id=sidebar1/div
div id=sidebar2/div
div class=clear/div (donde .clear{clear:both;})
/div
De este forma el #derecha siempre te englobará todos los elementos que contenga
aunque sean flotantes.
Salu2
Juan José Montes de Oca Arbós escribió:
Hola Luis, el funcionamiento que ves en FireFox es el correcto según los
estandars. IE tiene un error que te ajustá el tamaño del contenedor de
acuerdo a los objetos interiores... tenés que haces el div exterior
(id=derecha) con un height mas alto.
Saludos
El día 20/02/07, luis cruz salanova [EMAIL PROTECTED] escribió:
Hola, os escribo porque no encuentro la solución a un
problema que debe ser e priori sencillo. A ver si alguien me pudiera echar
una
mano. Estaba maquetando una estructura más o menos sencilla en esta
dirección de
pruebas y no se porque la columna de la derecha no baja en firefox con las
columnas que contiene.
Lo podéis ver en testa dirección:
http://cambalachemadrid.com/3columnas/index2.html
Un saludo y gracias por anticipado.
___
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
--
==
Oscar Arenas Alcazar
[EMAIL PROTECTED]
- Web Designer -
Dpto. Internet
Grupo MILLOR SOFT S.L.
==
___
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] diseño liquido para IE
Sureña escribió:
Hola de Nuevo
estoy utilizando diseño liquido (o lo intento) para unas paginas, en FF se
ve todo genial, como es de esperar se condice con el diseño buscado y en IE
(tambien como es de esperar :( ) se ve todo mal, entonces utilizo una
trampa que encontre navegando por google:
* html nombre-del-elemento {aqui dentro las nuevas medidas para que cuadre
todo en IE} llamese elemento a un div, class, parrafo, h1 o lo que sea,
por ahora lo resuelvo asi, pero es como hacer dos veces lo mismo.
Habra otro modo para lograr lo mismo en FF y IE?
Espero puedan orientarme.
Muchas Gracias
El hecho de q uses diseño liquido no significa que tengas q recurrir a
ese truco cada vez q quieras poneer algo para Exploter.
Mi consejo es q intentes hacerlo lo mas estandar posible para los dos, y
solo en casos muy puntuales uses el truquito.
Yo cree un diseño liquido que para IE me volvi loco para cuadrar, pero
con un poco de paciencia y muchas pruebas consegui reducir los errores a
dos o tres elementos concretos que en IE se comportavan diferente y no
tuve mas remedio que recurrir al *html (o a la etiqueta !important, que
esta ultima si valida).
Si necesitas una mano para segun que, expon aki tus dudas que seguro
entre todos te ayudaremos sin tener que duplicar todo tu codigo.
Un saludo
--
==
Oscar Arenas Alcazar
[EMAIL PROTECTED]
- Web Designer -
Dpto. Internet
Grupo MILLOR SOFT S.L.
==
___
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] De los curiosos
la propiedad filter sólo funciona para IExplorer, para otros like
Firefox, Mozilla debes usar el -moz-opacity como en el ejemplo q te paso
para una opacidad del 80%:
div{
-moz-opacity:0.8;
filter:alpha(opacity=80);
}
No se como se comportan el resto de navegadores pues no he tenido la
oportunidad de comprovarlo
Saludos
daniel calderón escribió:
Hola compañeros,
a ver si alguien se encontro con esto:
2 DIVs anidados el primero con OPACITY , en el segundo quisiera
romper el opacity para tener el texto completamento opaco.
Hay va el codigo.
style media=all type=text/css
.opaque {
background-color: #CE6BBD;
width: 100%;
opacity: .5;
filter: alpha(opacity=50);
clear:both
}
.opaque2 {
background-color: #FF;
opacity: 1;
filter: alpha(opacity=100);
}
/style
body
div class=opaque
Transparente
div class=opaque2
Opaco
/div
/div
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://ovillo.org/mailman/listinfo/ovillo
--
==
Oscar Arenas Alcazar
[EMAIL PROTECTED]
- Web Designer -
Dpto. Internet
Grupo MILLORsoft S.L.
==
___
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] imagen de fondo
Amigo mio, bienvenido al apasionante mundo de los bugs del impresionante explorer Esa duda la llevo teniendo desde q empeze con esto y todo lo q e leido sobre ello es q se trata de un bug. Solucion cutre posible, en lugar de intentar no dejar margenes con el borde ponle uno de 5px por ejemplo, q a un lado se vean 5 y al otro 6 no se notaría. Arzet Manolo Castillo Sánchez wrote: Hola, si podéis echar un vistazo a www.g2informatica.com , y fijaros en el fondo, es una imagen .gif de 750px, y he creado un div#wrapper de 740px, centrado con auto al body. Pues bien encaja perfecto en firefox, opera, pero en IE , me aparece que el div#wrapper se mete 1 pixel hacia la izquierda, lo podéis notar en el primer botón de la barra de navegación. Es un fallo mío, o es algún bug?? Alguna solución? ___ 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 -- == Oscar Arenas Alcazar [EMAIL PROTECTED] - Web Designer - Dpto. Internet Grupo MILLORsoft S.L. == ___ 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] Anidamiento Div´s
Enrique, no entiendo bien tu duda, pues en los dos navegadores me
aparece el mismo resultado, un recuadro de 700x710 con un reborde
plateado, centrado en la pagina y 1 empieza a partir del 55% de mi
pagina. (deduzco q boxprincipal lo has escrito igual en la descripcion
css com en la llamada html, lo digo por los espacios)
Saludos,
Arzet
Hola de nuevo.
Como siempre una pregunta, que seguro est ms que contestada.
Tengo esta CSS:
! div centrado --
#sombra {
background-color: Silver;
position: absolute; top: 55%; left: 50%; width: 710px; height: 720px;
margin-left:-355px; margin-top:-300px;
}
! div centrado dentro del anterior --
#box principal {
background-color: #F7F4F0;
position: relative; left: 5px; top: 5px;
width: 700px; height: 710px;
margin: 0px;
}
Y este html:
div id=sombra
div id=boxprincipal
/div/div
Bien, en Ff, sale como yo quiero, pero lgicamente en IE, no.
Por qu?
Gracias
___
Lista de distribucin Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente direccin:
http://ovillo.org/mailman/listinfo/ovillo
--
==
Oscar Arenas Alcazar
[EMAIL PROTECTED]
- Web Designer -
Dpto. Internet
Grupo MILLORsoft S.L.
==
___
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
