Foros del Web » Creando para Internet » CSS »

lo mismo de siempre, que nadie sabe solucionar

Estas en el tema de lo mismo de siempre, que nadie sabe solucionar en el foro de CSS en Foros del Web. He revisado el foro de arriba a bajo, pues encuentro el mismo tema por varios sitios y nadie da una solución. A todos nos pasa ...
  #1 (permalink)  
Antiguo 10/08/2007, 18:10
 
Fecha de Ingreso: mayo-2007
Mensajes: 101
Antigüedad: 10 años, 6 meses
Puntos: 0
lo mismo de siempre, que nadie sabe solucionar

He revisado el foro de arriba a bajo, pues encuentro el mismo tema por varios sitios y nadie da una solución.

A todos nos pasa el mismo problema con IE6, los divs se van a hacer esparragos.
En mi web: www.villenadiario.com, se ve cojonudo en IE7, firefox y safari.
Pero cuando llegamos a IE6, se va a la leche, todavía no he encontrado a nadie en un mes que me diga pon esto y se coloque el div arriba y el div de la derecha, tambien arriba.
Estoy desesperado, no se que hack utilizar, he buscado por todo internet.
Porfavor, darme una esperanza, una noche tranquila. jejejej.
Gracias por escucharme.
  #2 (permalink)  
Antiguo 10/08/2007, 18:15
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2100
Re: lo mismo de siempre, que nadie sabe solucionar

No te desesperes, todo tiene solución.

¿Hay algo de código que nos puedas mostrar?
  #3 (permalink)  
Antiguo 10/08/2007, 18:27
 
Fecha de Ingreso: mayo-2007
Mensajes: 101
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: lo mismo de siempre, que nadie sabe solucionar

solo con responderme ya me haces feliz, jejejej.
Si te mando el codigo es bastante largo, te es mas facil ver la web: www.villenadiario.com

Pero como comento es solo en IE 6, y da la casualidad que es ese explorador unos de los mas usados por la gente que usa este periodico local.
  #4 (permalink)  
Antiguo 11/08/2007, 09:55
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2100
Re: lo mismo de siempre, que nadie sabe solucionar

Buenas.

Sinceramente, pensaba que era peor. Esto es normal que ocurra.

Por ejemplo, la capa de la decha, donde tienes el vídeo, patrocinadores y demás, suele ocurrir, porque IE6 no entiende el modelo de cajas, y es como si tuviera una regla propia para medir las cosas.

Prueba a, para solucionar esto al menos (luego seguimos mirando :P), a poner un estilo, con el mismo ID que solo funcionaría en IE6 (es importante que la declaración del estilo de este ID sea posterior a la declaración "normal") con algo menos de width.

Sería algo así:
Código:
/* hack-ie6 */
* html #derecha {
width:20%; /* No miré las medidas que usas, pero debe de ser algo menor */
}
  #5 (permalink)  
Antiguo 11/08/2007, 12:37
 
Fecha de Ingreso: mayo-2007
Mensajes: 101
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: lo mismo de siempre, que nadie sabe solucionar

Gracias Bonez por brindarte a echarme una mano, te lo agradezco mucho.

Te pongo al día:
tengo un archivo css llamado principal.css, el cual llama a otro: @import url(pantalla.css);
lo hago así para luego poder llamar a otro para imprimir; también hay otro archivo css: ie_6.css al cual llamo mediante: <!--[if IE 6]> <link href="ie_6.css" rel="stylesheet" type="text/css"> <![endif]-->.

He colocado el codigo que me dices y si, se hace la caja derecha mas pequeña, pero dicha caja tiene otro css, que está en pantalla.css, que hace que esta caja muestre ese borde doble. Bueno, te pongo aqui el codigo del borde de la caja derecha:
/*codigo de la caja derecha*/
/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb {
padding:0 10px;
margin:1em 0;
background:#fff;
border:1px solid #666;
}
.cbb h1 {
margin:0 -10px;
padding:0.3em 10px;
background:#efece6;
font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cb {
width: 100%;
margin:0em 0;
}
.two {
width:100%;
float:left;
}
.three {
width:100%;
float: left;
}
/* Rules for the top corners and border */
.bt {
background:url(img/bordes/box.png) no-repeat 100% 0;
margin:0 0 0 18px;
height:17px;
}
.bt div {
height:17px;
width:18px;
position:relative;
left:-18px;
background:url(img/bordes/box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
background:url(img/bordes/box.png) no-repeat 100% 100%;
margin:0 0 0 12px;
height:14px;
}
.bb div {
height:14px;
width:12px;
position:relative;
left:-12px;
background:url(img/bordes/box.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
padding:0 0 0 12px;
background:url(img/bordes/borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
padding:0 12px 0 0;
background:url(img/bordes/borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
background:#fff;
border:1px solid #fff;
border-width:1px 0;
padding:0 10px;
}
/* CSS for the box ends here */

/* You can use different borders for different boxes on the same page. Just adjust the CSS. The following is an example that uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */
.three .i1,
.three .i2 {
background-image:url(img/bordes/borders.gif);
}
.three .bt,
.three .bt div,
.three .bb,
.three .bb div {
background-image:url(img/bordes/box.gif);
}
/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
margin:0 -10px;
padding:0.3em 10px;
background:#efece6;
font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
.cb p {
font-weight: normal;
}
/*FIN CAJA DERECHA*/

He dejado la caja derecha al 20% comno me propones para que la veas en IE6, pero ya te digo, no consigo ponerla en su sitio, ni la derecha, ni la izquierda.

Gracias de nuevo por tu interes, me estas ayudando mucho.
  #6 (permalink)  
Antiguo 11/08/2007, 13:33
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2100
Re: lo mismo de siempre, que nadie sabe solucionar

Estoy haciendo pruebas y mirando el código.

Algo curioso, es que cambiando el width de #general al 100%, se ve bien.

A ver qué mas descubro.
  #7 (permalink)  
Antiguo 11/08/2007, 18:45
 
Fecha de Ingreso: mayo-2007
Mensajes: 101
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: lo mismo de siempre, que nadie sabe solucionar

he solucionado algo de momento.
en el archivo ie6.css he puesto losiguiente:

/* hack-ie6 */
* html #derecha {
width:23%; /* No miré las medidas que usas, pero debe de ser algo menor */
position: relative;
left: -28%;
}
* html #general {
width:80%; /* No miré las medidas que usas, pero debe de ser algo menor */
float: center;
margin-top: -5px;
}
y por lo menos ya sale derecha en su sitio.
Ahora queda el expacio entre la cabecera y el primer titular y general que está a 80%, no lo puedo poner mas bajo, o sea, a 70% ni mas bajo, porque entonces derecha se pone otra vez bajo del todo.
Bueno algo es algo, asi se ve mejor que antes, pero haber si investigando un poco mas conseguimos quitar el espacio entre cabecera y titular y el espacio en blanco de la derecha y ami en mi ie6 me aparece una advertencia que aparece por lo menos 6 ó 7 veces y le tengo que dar al enter, supongo que será una advertencia de los videos y flash, digo yo.
Poco a poco.
  #8 (permalink)  
Antiguo 13/08/2007, 14:00
 
Fecha de Ingreso: mayo-2007
Mensajes: 101
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: lo mismo de siempre, que nadie sabe solucionar

por lo visto solo se ve medio bien en mi monitor de 20 pulgadas. Segun me comentan en uno de 14, no se bien todavía, sigue saliendo la barra derecha bajo del todo.
  #9 (permalink)  
Antiguo 13/08/2007, 17:32
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2100
Re: lo mismo de siempre, que nadie sabe solucionar

S usas medidas fijas, que en tu caso, están optimizadas para una resolución de 800*600, no puedes pretender tampoco que funcione en monitores muy pequeños, ya que el ancho de estos suelen ser pequeños.

Yo ultimamente siempre trabajo con medidas porcentuales, que al principio cuesta algo adaptarse, pero es cosa de un momento.
  #10 (permalink)  
Antiguo 19/08/2007, 13:26
 
Fecha de Ingreso: mayo-2007
Mensajes: 101
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: lo mismo de siempre, que nadie sabe solucionar

por finnnnnnnnnnnnn, he podido arreglar algo.
No me lo puedo creer.
Gracias a Bonnet, me despejó la mente, pero en realidad, nadie ha sabido hecharme un cable. Nadie me ha sabido decir pon esto ó aquello.
El unico me despejo algo la mente fue Bonnet, gracias por tu ayuda.

Por fin se ve en su sitio.
  #11 (permalink)  
Antiguo 19/08/2007, 13:28
 
Fecha de Ingreso: mayo-2007
Mensajes: 101
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: lo mismo de siempre, que nadie sabe solucionar

se me ha olvidado poner el css, hay va:

#izqui {
margin-top: -90px;
width: 480px;
}
* html #derecha {
margin-top: auto;
}
* html #derecha {
position: relative;
margin-top: -3580px;
margin-left: 245px;
}
  #12 (permalink)  
Antiguo 18/09/2007, 17:12
 
Fecha de Ingreso: marzo-2001
Ubicación: Concordia, Entre Ríos
Mensajes: 137
Antigüedad: 16 años, 9 meses
Puntos: 0
Re: lo mismo de siempre, que nadie sabe solucionar

hola: me colo en este hilo para agradecer a Bonez también, ya que estaba buscando cómo solucionar un problema de visualización en IE6, con varias cajas flotantes,

y con el

Código HTML:
/* hack-ie6 */
* html
le he encontrado la solución al problema, muchas gracias....
saludos
__________________
Gracias y de nada! (blog) Dolar Euro
  #13 (permalink)  
Antiguo 18/09/2007, 18:52
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.493
Antigüedad: 13 años, 9 meses
Puntos: 20
Re: lo mismo de siempre, que nadie sabe solucionar

Diseñar en CSS para Firefox, IE6 e IE7 ;)
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:02.