[Ovillo] Problemas div con scroll IE7 y Safari
Saludos a todos: Estoy realizando una web para la empresa donde trabajo, y estoy teniendo problemas con IE7 y Safari. He tenido que crear una hoja de estilos para IE, y otra para firefox, por que no conseguía arreglarlo en un mismo fichero. La he subido aunque no está finalizada para que me podais ayudar a arreglarla. El problema principal lo tengo con un div con fondo fijo y scroll. El fondo en IE7 y Safari se queda fijo o da unos problemas raros, y no se como arreglarlo, y otro fallo es en IE anterior al 7 que el Titulo dentro de la capa se queda un poco cortado por arriba. Os pongo la dirección de los CSS y una de las páginas. CSS para Firefox:http://www.marketingolfativo.es/estilos1.css CSS para IE 6.5 y anterior: http://www.marketingolfativo.es/estilosIE.css Una página de prueba: http://www.marketingolfativo.es/porque.html Muchas gracias por adelantado. Un saludo. _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ 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] Problemas 3 columnas con IE 6
Muchas gracias Victoria.
Poniendolo en medidas proporcionales como comentas se ha arreglado el problema.
Limpiaré de divs inutiles el código, e intentaré colocar un div principal que
contenga a los otros 3.
Muchisimas grácias por la velocidad en responder y por arreglarme el problema.
Pido disculpas si habia algun hilo en ovillo similar a este, pero estuve
buscando en la lista y en google, y me lei todo lo que aparecia, y no conseguía
entender porque no funcionaba.
P.D.: Miguel es apellido... Mi nombre es solo Ángel ^^.
Un Saludo.
> From: [EMAIL PROTECTED]
> To: ovillo@lists.ovillo.org
> Date: Tue, 26 Feb 2008 19:02:33 +0100
> Subject: Re: [Ovillo] Problemas 3 columnas con IE 6
>
> Hola Miguel Angel,
>
> Te diría que hay un problema de interpretación de tamaños (anchuras de
> los div) que es típica de IE. El mejor truco que conozco para que no
> ocurra es calcular todo de modo que la anchura total se quede en un 98%
> (usando medidas proporcionales) o un poco por debajo de la anchura
> máxima que quieres lograr (además de haber controlado los margin y
> padding desde el elemento raíz para que sea igual en todos los
> navegadores).
>
> De todos modos veo algunos contenedores redundantes en el código (no
> entiendo porqué la imagen de la cabecera tiene que estar contenida en
> dos div), que podrían eliminarse, y a su vez echo de menos un contenedor
> para todo lo que va entre la cabecera y el pie de página.
>
> Mi esqueleto para esa página sería:
>
> La imagen y lo que creas necesario
>
> menu de la derecha
> contenido central
> columna de la izquierda
>
> El pie de página
>
> De este modo definiría la anchura de los contenedores *menu1*,
> *contenido* y *destacados* en porcentajes (sobre la anchura de *pral*
> puesto que están dentro de éste), más o menos dándoles 20%, 60% y 18%.
> De este modo no se te solaparían ni siquiera en IE.
>
> De todos modos, el tema de maquetación a 3 columnas está muy documentado
> y en la propia lista se ha hablado repetidamente de ello.
>
> Un saludo
>
> Victoria
>
>
> El mar, 26-02-2008 a las 17:35 +0100, Angel Miguel Cebrián escribió:
> > Saludos:
> > Me sigue sin funcionar y sin verse bien en IE... En Firefox y en Safari
> > (MAC) se ve perfectamente, tal y como deberia verse, pero en Internet
> > Explorer no.
> > La he subido al servidor aver si así podeis localizar el problema mejor y
> > ayudarme.
> > La web esta subida aquí: http://www.reciclasiempre.com/PRUEBAS
> > Solo funcionan el Inicio y el Bolígrafo.
> > Espero que encontremos una solución, porque sido probando y probando cosas
> > y no encuentro la manera de arreglarlo.
> > Muchas gracias por su tiempo.
> >
> >
> >
> > > Date: Mon, 25 Feb 2008 15:47:31 -0400
> > > From: [EMAIL PROTECTED]
> > > To: ovillo@lists.ovillo.org
> > > Subject: Re: [Ovillo] Problemas 3 columnas con IE 6
> > >
> > > Hola Angel, quizas el problema esta en como flotas las columnas, tienes
> > > unos cuantos margenes negativos que te podrias evitar con flotar las
> > > columnas en orden.
> > > Talves podrias poner las columnas en primer orden de tu html y flotarlas
> > > usando float left y right. creo que esta solucionado
> > >
> > >
> > > /
> > >
> > > > > http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
> > > http://www.w3.org/1999/xhtml"; xml:lang="es">
> > > > > />
> > > Reciclasiempre.com ][ Productos ecológicos, medio ambiente y
> > > concienciación medioambiental ][
> > >
> > >
> > > * {margin:0px; padding:0px;}
> > > body{ background-color:#ff; font-size:16px; width:880px; margin:auto;
> > > padding:0;}
> > > #header{ background-color:#FF; height:160px;}
> > > #contenedor{ width:100%; float:left;}
> > > #center { margin-left:210px; margin-right:190px;}
> > > #left{ float:left; width:200px; /*margin-left:-100%;*/
> > > background-color:#CCFF33; min-height:450px; /* for modern browsers */
> > > height:auto !important; /* for modern browsers */ height:450px; /* for
> > > IE5.xand IE6 */}
> > > #right{ float:right; width:180px; /*margin-left:-180px;*/
> > > background-color:#CCFF33;}
> > > #footer { clear:both; background-color:#CCFF33; height:100px;}
> > > #menuv { border: 0px solid #ACCFE8; border-width: 0px 0px 0 0px; width:
> > > 180px; text-align: center; font: 80% "Trebuchet MS", Arial, Helvetica,
> > > sans-serif;}
Re: [Ovillo] Problemas 3 columnas con IE 6
sum
> Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum
> Lorem ipsum lorem ipsum
>
>
>
> Titulo1
>
> Lorem ipsum lorem ipsumLorem ipsum lorem ipsumLorem
> ipsum lorem ipsum. class="cajas">
>
> Titulo2
>
> Lorem ipsum lorem ipsumLorem ipsum lorem ipsumLorem
> ipsum lorem ipsum.
>
>
>
>
>
>
>
> Pie de página bla bla bla
>
>
>
>
>
> El día 25/02/08, Angel Miguel Cebrián <[EMAIL PROTECTED]>
> escribió:
> >
> > Si Solange:
> > El problema me lo da en las versiones anteriores a la 7. Sobre todo la 6,
> > ya que quiero que la web sea visible correctamente casi en todos los
> > navegadores y versiones...
> > A ver si podeis decirme porque falla en esas versiones
> >
> > Muchas gracias
> >
> > > From: [EMAIL PROTECTED]> To: ovillo@lists.ovillo.org> Date: Mon,
> > 25 Feb 2008 15:25:33 -0300> Subject: Re: [Ovillo] Problemas 3 columnas con
> > IE 6> > Angel,> > Yo los veo igual en ambos browsers. Lo estoy viendo con
> > Firefox 2.0.0.12 y> con IE 7.0. Quizas sea un problema de versiones...> >
> > Slds,> > s> > -Mensaje original-> De:
> > [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]>
> > En nombre de Angel Miguel Cebrián> Enviado el: Lunes, 25 de Febrero de 2008
> > 14:06> Para: ovillo@lists.ovillo.org> Asunto: [Ovillo] Problemas 3
> > columnas con IE 6> > Saludos a todos:> > Aunque es la primera vez que
> > escribo una pregunta, llevo mucho tiempo> siguiendo la lista y aprendiendo
> > de vosotros.> > Ahora me encuentro diseñando mi primer portal en xhtml y css
> > para el lugar> donde trabajo. Son 3 columnas, y en IE no se ve nada parecido
> > a Firefox.> > Os pongo aquí el codigo del CSS y del XHTML y ya me decis de
> > que se puede> tratar.> > Muchas gracias por su tiempo.> > > Style.css>
> > -> > *
> > {margin:0px; padding:0px;}> body{ background-color:#ff; font-size:16px;
> > width:880px; margin:auto;> padding:0;}> #header{ background-color:#FF;
> > height:160px;}> #contenedor{ width:100%; float:left;}> #center {
> > margin-left:210px; margin-right:190px;}> #left{ float:left; width:200px;
> > margin-left:-100%; background-color:#CCFF33;> min-height:450px; /* for
> > modern browsers */ height:auto !important; /* for> modern browsers */
> > height:450px; /* for IE5.x and IE6 */}> #right{ float:left; width:180px;
> > margin-left:-180px;> background-color:#CCFF33;}> #footer { clear:both;
> > background-color:#CCFF33; height:100px;}> #menuv { border: 0px solid
> > #ACCFE8; border-width: 0px 0px 0 0px; width:> 180px; text-align: center;
> > font: 80% "Trebuchet MS", Arial, Helvetica,> sans-serif;}> #menuv ul, li {
> > list-style-type: none;}> #menuv ul { margin: 0; padding: 0;}> #menuv li {
> > border-bottom: 1px solid #CCFF22;}> #menuv a { text-decoration: none; color:
> > #003366; background: #CCFF33;> display: block; padding: 3px 3px; width:
> > 180px;}> #menuv a:hover { background: #FF9900;}.pie { font-size: 90%;>
> > margin-top:15px; color: #00;}> /** A partir de aquí de pruebas**/>
> > .cajas{background:#FF; width:200px; min-height:>
> > 200px;float:left;border:1px solid #00;margin:2px 2px 2px 2px;font: 14px>
> > "Trebuchet MS", Arial, Helvetica,>
> > sans-serif;text-align:center;}.cajatitulo{font-size:10px; }> .color_a {
> > background:#CCFF33; color:#000; font: 16px "Trebuchet MS", Arial,>
> > Helvetica, sans-serif; font-style:normal; font-variant:small-caps;>
> > text-align:center}> h2 { font-family:"Trebuchet MS"; color: #003366;
> > background: #CCFF33;> display: block; padding: 4px; margin: -4px;}> h3 {
> > font-family:"Trebuchet MS"; font-size:16px; color: #003366; background:>
> > #CCFF33; display: block; padding: 3px 3px 4px 4px; margin: -4px;>
> > float:left;}> .parrafitos { font-family:"Trebuchet MS"; text-indent: 10px;
> > padding: 3px;> margin: 8px 0 0 0px; font-size:90%; } .parrafitos2 {
> > font-family:"Trebuchet> MS"; text-indent: 10px; padding: 3px; width:85%;
> > margin: 8px 0 0 0px;> font-size:90%; }> >
> > ---> > Index.html>
> > > > "-//W3C//DTD XHTML>
> > 1.1//EN""http://www.
Re: [Ovillo] Problemas 3 columnas con IE 6
Si Solange:
El problema me lo da en las versiones anteriores a la 7. Sobre todo la 6, ya
que quiero que la web sea visible correctamente casi en todos los navegadores y
versiones...
A ver si podeis decirme porque falla en esas versiones
Muchas gracias
> From: [EMAIL PROTECTED]> To: ovillo@lists.ovillo.org> Date: Mon, 25 Feb 2008
> 15:25:33 -0300> Subject: Re: [Ovillo] Problemas 3 columnas con IE 6> >
> Angel,> > Yo los veo igual en ambos browsers. Lo estoy viendo con Firefox
> 2.0.0.12 y> con IE 7.0. Quizas sea un problema de versiones...> > Slds,> > s>
> > -Mensaje original-> De: [EMAIL PROTECTED] [mailto:[EMAIL
> PROTECTED]> En nombre de Angel Miguel Cebrián> Enviado el: Lunes, 25 de
> Febrero de 2008 14:06> Para: ovillo@lists.ovillo.org> Asunto: [Ovillo]
> Problemas 3 columnas con IE 6> > Saludos a todos:> > Aunque es la primera vez
> que escribo una pregunta, llevo mucho tiempo> siguiendo la lista y
> aprendiendo de vosotros.> > Ahora me encuentro diseñando mi primer portal en
> xhtml y css para el lugar> donde trabajo. Son 3 columnas, y en IE no se ve
> nada parecido a Firefox.> > Os pongo aquí el codigo del CSS y del XHTML y ya
> me decis de que se puede> tratar.> > Muchas gracias por su tiempo.> > >
> Style.css> ->
> > * {margin:0px; padding:0px;}> body{ background-color:#ff;
> font-size:16px; width:880px; margin:auto;> padding:0;}> #header{
> background-color:#FF; height:160px;}> #contenedor{ width:100%;
> float:left;}> #center { margin-left:210px; margin-right:190px;}> #left{
> float:left; width:200px; margin-left:-100%; background-color:#CCFF33;>
> min-height:450px; /* for modern browsers */ height:auto !important; /* for>
> modern browsers */ height:450px; /* for IE5.x and IE6 */}> #right{
> float:left; width:180px; margin-left:-180px;> background-color:#CCFF33;}>
> #footer { clear:both; background-color:#CCFF33; height:100px;}> #menuv {
> border: 0px solid #ACCFE8; border-width: 0px 0px 0 0px; width:> 180px;
> text-align: center; font: 80% "Trebuchet MS", Arial, Helvetica,>
> sans-serif;}> #menuv ul, li { list-style-type: none;}> #menuv ul { margin: 0;
> padding: 0;}> #menuv li { border-bottom: 1px solid #CCFF22;}> #menuv a {
> text-decoration: none; color: #003366; background: #CCFF33;> display: block;
> padding: 3px 3px; width: 180px;}> #menuv a:hover { background: #FF9900;}.pie
> { font-size: 90%;> margin-top:15px; color: #00;}> /** A partir de aquí de
> pruebas**/> .cajas{background:#FF; width:200px; min-height:>
> 200px;float:left;border:1px solid #00;margin:2px 2px 2px 2px;font: 14px>
> "Trebuchet MS", Arial, Helvetica,>
> sans-serif;text-align:center;}.cajatitulo{font-size:10px; }> .color_a {
> background:#CCFF33; color:#000; font: 16px "Trebuchet MS", Arial,> Helvetica,
> sans-serif; font-style:normal; font-variant:small-caps;> text-align:center}>
> h2 { font-family:"Trebuchet MS"; color: #003366; background: #CCFF33;>
> display: block; padding: 4px; margin: -4px;}> h3 { font-family:"Trebuchet
> MS"; font-size:16px; color: #003366; background:> #CCFF33; display: block;
> padding: 3px 3px 4px 4px; margin: -4px;> float:left;}> .parrafitos {
> font-family:"Trebuchet MS"; text-indent: 10px; padding: 3px;> margin: 8px 0 0
> 0px; font-size:90%; } .parrafitos2 { font-family:"Trebuchet> MS";
> text-indent: 10px; padding: 3px; width:85%; margin: 8px 0 0 0px;>
> font-size:90%; }> > ---> >
> Index.html> > PUBLIC "-//W3C//DTD XHTML>
> 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
> xmlns="http://www.w3.org/1999/xhtml"; xml:lang="es">
> http-equiv="Content-Type" content="text/html; charset=utf-8">
> />Reciclasiempre.com ][ Productos ecológicos, medio ambiente y>
> concienciación medioambiental ][> rel="stylesheet" type="text/css" />> TITULO WEB> > >
> Inicio
> id="center">> Lorem ipsum
> lorem ipsum Lorem ipsum lorem> ipsum Lorem ipsum lorem ipsum Lorem ipsum
> lorem ipsum Lorem ipsum lorem> ipsum Lorem ipsum lorem ipsum Lorem ipsum
> lorem ipsum Lorem ipsum lorem> ipsum Lorem ipsum lorem ipsum Lorem ipsum
> lorem ipsum Lorem ipsum lorem> ipsum Lorem ipsum lorem ipsum Lorem ipsum
> lorem ipsum Lorem ipsum lorem>
Re: [Ovillo] [OT] Problemas con el archivo "NTFS.sys"
Buenas. Prueba a iniciar el modo a prueba de fallos, o entrar de algun modo en el modo ms dos previo a la carga del interfaz. Una vez que consigas eso, prueba con estos dos comandos. chkdisk fixdisk (de este no me acuerdo bien, pero en help lo puedes buscar) Me parece que le sucedio una vez a mi hermano y lo arregle asi, aver si tienes suerte. > From: [EMAIL PROTECTED]> To: ovillo@lists.ovillo.org> Date: Tue, 5 Jun 2007 > 12:21:01 -0300> Subject: Re: [Ovillo] [OT] Problemas con el archivo > "NTFS.sys"> > No, apagados inesperados no: "ENCENDIDO" bloqueado a causa de > este archivo. > La máquina apenas nos deja ver nada, se reinicia > infinitamente. Luego de 30 > minutos de estar sentado en posición de loto > enfocando la pantalla logré > verlo (todo un reto). O sea: peor no te la > pueden hacer los chicos de > "Macrosoft".> Pero yo quería iniciar Windows, no > llegar al Nirvana... :)> > - Original Message - > From: "Paradix ;)" > <[EMAIL PROTECTED]>> To: "Ovillo, la lista de CSS en castellano" > > Sent: Tuesday, June 05, 2007 11:10 AM> Subject: > Re: [Ovillo] [OT] Problemas con el archivo "NTFS.sys"> > > LISTAS escribió:> > > ¡¡¡Ni ahípi!!!> > La máquina de mi hija es un monstruo de 64 bits > recientemente estrenada. > > La> > mía es un caño pero no le llega ni a los > talones (ella hace cine y yo> > diseño). Y el resto... máquinas nuevas y > bastante loables.> > En fin... seguiré preguntando. ¿Virus? No... por lo que > leí en Internet se> > trata de otra cosa... :(> > De todos modos, gracias.> > >> >> >> apagados inesperados? posiblemente corrupción del file system por > "bad> unmount".> > -- > Paradix ;)> > Haciendo abogacía por el software > libre adonde voy> > ___> 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 _ Llama a tus amigos de PC a PC: ¡Es GRATIS! http://get.live.com/messenger/overview ___ 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
