jack683
Usuario Novato
Usuario Novato

Hola,

Hice una página que la veo perfectamente en firefox pero en IE se ve mal. Todos los elementos desplegados hacia abajo.

El css que uso es este:

Spoiler:

/* CSS Document */

a        { color: #BFCAA1    ; text-decoration: none; }
a:hover    { color: #333; text-decoration: underline; }   

body {
    background:url(img/bg.png);
    background-repeat:repeat-x;
    background-color:#80806d;
}
#body {
    width:988px;
    margin:90px auto 0 auto;
}
#body h1 {
    background:url(img/logo-bijou.png) top left no-repeat;
    height:64px;
    margin:0;
    text-indent:-999px;
    display:block;
}
#body div {
    position:absolute;
    float:right;
    width:150px;
    margin-top:38px;
}
.mini-menu a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#80806d;
    text-decoration:none;
}
.mini-menu a:hover {
    color:#FFF;
}
#body h2 {
    background:url(img/btn-pendientes.png) top left no-repeat;
    width:88px;
    height:17px;
    margin:20px 0 0 0;
    text-indent:-999px;
}
#body h2:hover {
    background:url(img/btn-pendientes.png) bottom left no-repeat;
}
#body h2.sel {
    background:url(img/btn-pendientes.png) bottom left no-repeat;
}

#body h3 {
    background:url(img/btn-collares.png) top left no-repeat;
    width:62px;
    height:13px;
    margin:5px 0 0 0;   
    text-indent:-999px;
}
#body h3:hover {
    background:url(img/btn-collares.png) bottom left no-repeat;
}
#body h3.sel {
    background:url(img/btn-collares.png) bottom left no-repeat;
}
#content {
    width:988px;
    margin:0 auto;
    padding-top:35px;
}
#content div {
    background:url(img/marco-fotos.png) top left no-repeat;
    width:227px;
    height:268px;
    float:left;
    margin-right:26px;
}
#content div.ultima {
    background:url(img/marco-fotos.png) top left no-repeat;
    width:227px;
    height:268px;
    float:right;
    margin-right:0px;
}
#content p {
    width:480px;
    margin:0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#BFCAA1;
    text-align:justify;
}
#content div p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#BFCAA1;
    margin-left:25px;
    margin-top:10px;   
}
#paginador {
    width:988px;
    margin:300px auto 0 auto;
}
#paginador div {
    text-align:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#BFCAA1;
    letter-spacing:1px;
}
.titulo{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#BFCAA1;
}
.fotos {
    margin:24px;
}

.pagination {
    padding: 0;
    margin: 6px 20px;
    float: right;
    list-style-type: none;
}

.pagination li {
    display: inline;
    padding: 0 4px;
    color: #903C36; 
}

Desde ya muchas gracias por responder.

Avatar Image
@man / @woman
@man / @woman

Hola, el IE es un dolor de muelas (espero no ofender a las muelas... )

Hace unos días puse una guía con links en este post:

http://soporte.miarroba.com/1364/7378308-html-ayuda-links/

Uno de los enlaces es para validar CSS (está en español), incluso te genera un reporte indicando cada error.

Avatar Image
Machacateclados
Machacateclados

También indicar que el tamaño de los controles en los navegadores es distinto..... Con controles me refiero a los imput text/button, etc... y también al código "&nbsp" y vete a saber que más. Yo programo siempre con IE pq, aunque soy usuario de mozilla, he de programar con este por obligación dado que ninguno de mis clientes tienen mozilla.
Es un coñazo, pero hay que hacerlo así.

Avatar Image
Usuario habitual
Usuario habitual

Hola, Buenos días, Yo tengo el mismo problema. ¿Como puedo hacer para que mi web se vea bien en navegadores como Internet Explorer y Mozilla al mismo tiempo?. Muchas gracias de Antemano....

PD: dejo la web www.kudaiargentina.com.ar

Avatar Image
@man / @woman
@man / @woman

¿Por que tirarle caca al IE sin primero observar con un poco de mas atención las cosas?
¿Por que tirarle caca al IE, y no quejarse por todo ese codigo piojoso que inserto el WYSIWYG?

web_amistades10, el problema que tienes es simple: todo lo tienes hecho con layers con posición absoluta. Es todo un lio que algo asi quede bien y se vea en todos los navegadores.

Avatar Image
Usuario habitual
Usuario habitual
Escrito originalmente por Caos.X

¿Por que tirarle caca al IE sin primero observar con un poco de mas atención las cosas?
¿Por que tirarle caca al IE, y no quejarse por todo ese codigo piojoso que inserto el WYSIWYG?

web_amistades10, el problema que tienes es simple: todo lo tienes hecho con layers con posición absoluta. Es todo un lio que algo asi quede bien y se vea en todos los navegadores.

Perdona...pero no te entiendo, ¿Cual sería la solucion?, ¿Como puedo remendar el problema?

Avatar Image
@man / @woman
@man / @woman
Escrito originalmente por web_amistades10

Perdona...pero no te entiendo, ¿Cual sería la solucion?, ¿Como puedo remendar el problema?

No hay "la solución". La pagina como tal no tiene un problema. La situación es que el diseño que has hecho tiende a ser presentado por los navegadores con variaciones. Por ello en uno lo ves de una forma y en el otro de otra.

Te puedo hacer una recomendación: vuelve a hacer tu pagina. No uses layers si no los dominas al 100%. Mejor usa un maquetado con tablas. Y disculpa, si no entiendes esto que te digo, entonces significa que entonces ademas tienes que aprender un poco mas sobre diseño de paginas, principalmente meterte al HTML aunque sea a nivel basico.

Suerte.

Avatar Image
Usuario habitual
Usuario habitual

¿Cuando hablas de Layers te referis a capas?

Avatar Image
@man / @woman
@man / @woman
Escrito originalmente por web_amistades10

¿Cuando hablas de Layers te referis a capas?

Si.

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares