Foros del Web » Creando para Internet » CSS »

diferencias entre IE y Mozilla con position

Estas en el tema de diferencias entre IE y Mozilla con position en el foro de CSS en Foros del Web. Hola... Tengo un sitio www.cubancontemporaryart.com que se ve bien en Mozilla pero en IE no coloca los <div correctamente, ni los formatos de los fonts. ...
  #1 (permalink)  
Antiguo 02/08/2005, 05:16
 
Fecha de Ingreso: mayo-2004
Mensajes: 159
Antigüedad: 13 años, 6 meses
Puntos: 0
diferencias entre IE y Mozilla con position

Hola...

Tengo un sitio www.cubancontemporaryart.com que se ve bien en Mozilla pero en IE no coloca los <div correctamente, ni los formatos de los fonts.

Valoren el sitio, por favor. Gracias

Aquí les paso el CSS, me pueden señalar cuando debe tener en cuenta el browser???
Las clase en cuestión son:
listcategories
bodycenter

[codigo]
a:link, a:visited {
color: #606060;
text-decoration: underline;
}

a:hover {
color: #C0C0C0;
text-decoration: underline;
}

a:active {
color: #FF0000;
text-decoration: underline;
}

body {
background-color: #FFFFFF;
border: 1px inset #ECECEC;
color: #000000;
font-family: Tahoma, Verdana, "MS Sans Serif";
font-size: x-small;
margin: 0px;
padding: 0px;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #ECECEC;
scrollbar-track-color: #F7F9F9;
}

form, td {
font-size: x-small;
}

hr {
color: #306898;
filter: Alpha(Opacity=80,FinishOpacity=0,Style=2);
height: 2px;
width: 95%;
}

img {
border: 0px;
}

.banner {
background: #F7F9F9;
border: 3px double #ECECEC;
}

.bg2, .bg4 {
background-color: #ECECEC;
}

.bg3 {
background-color: #F5F5F5;
}

.centerblocktitle{
border-bottom: 3px double #000000;
padding: 2px;
}

.debug {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style: italic;
}

.footer {
background-color: #ECECEC;
border-bottom: 1pt solid #000000;
border-top: 1pt solid #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
text-align: center;
}

.indextable {
background: #F5F5F5;
border-bottom: 1px solid #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
padding: 1px 1px 1px 3px;
}

.indextable2 {
background: #F5F5F5;
border-left: 1px dashed #ECECEC;
border-right: 1px dashed #ECECEC;
padding: 1px 1px 1px 3px;
}

.indextext, .postedby {
color: #000000;
font-family: Verdana, "MS Sans Serif";
padding: 1px 1px 1px 1px;
text-align: left;
}

.indextitle {
border: solid 1pt #000000;
color: #000000;
font-size: x-small;
font-weight: bold;
margin: 0pt;
padding: 2pt;
text-align: left;
text-decoration: none;
width: auto;
}

.login {
background: #ECECEC;
border: 1px solid #000000;
font-family: Tahoma, Verdana, "MS Sans Serif";
font-size: xx-small;

}

.loginbar {
background-color: #FDE99B;
height: 15pt;
margin: 1pt;
padding: 1pt;
/*
background-color: #F7F9F9;
border-bottom: 1pt solid #000000;
border-top: 1pt solid #000000;
height: 15pt;
*/
}

.more {
border: solid 1px #ECECEC;
font-size: x-small;
padding: 3pt;
}

.myclock {
font-family: "Lucida Console";
line-height: 14px;
}

.postedby {
border-bottom: 1px dashed #000000;
}

.redirect {
background: #F5F5F5;
border: 3px double #ECECEC;
color: #000000;
}

.select {
background: #ECECEC top;
font-family: Verdana, "MS Sans Serif";
font-size: xx-small;
}

.sidboxtitle {
background-color: #FDCC05;
/*
border-bottom: solid #000000;
border-bottom-width: 1px;
border-top: solid #000000;
border-top-width: 1px;
color: #000000;
padding: 2pt;
text-align: left;
text-decoration: none;
text-decoration: none;
vertical-align: middle;
*/
}

.sidebar2, .bg1 {
/* background-color: #F7F9F9;*/
background-color: #FFFFFF;
}

.sidebar1{
background-color: #FFFFFF;
height: 300pt;

}

.tdbody{
background-color: #FFFFFF;
}

.sideboxcontent {
background-color: #FDCC05;

/*
border-bottom: 1px solid #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
color: #000000;
padding: 2pt 3pt 8pt;
text-align: left;
text-decoration: none;
*/
}

.textarea, .text, .button, .file {
background: #ECECEC top;
border: 1px solid #C0C0C0;
font-family: Tahoma, Verdana, "MS Sans Serif";
font-size: x-small;
}

.topmenu {
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: bottom;
width: auto;
}

.waitbox {
background: #F5F5F5;
border: 1px solid #ECECEC;

}

.xoopscode, .xoopsquote {
background: #F5F5F5; /* XOOPS SPECIFIC */
}

/**
* CSS Cubancontemporaryart
*/
a.language{
text-decoration: none;
}
.myfooter {
background-color: #FFFFFF;
position: relative;
}
.subfooter {
background-color: #FFFFF;
height: 50px;
position: absolute;
}

.subfooter2 {
background-color: #FDCC05;
border-top: 4px solid #C6A317;
line-height: 20px;
height: 50px;
width: 770px;
position: absolute;
top: 50px;
margin: 2px;
padding: 2px;
}

.footimgcenter{
background-image: url(/themes/e-xoops/images/IMAGE-READY_78.jpg);
overflow: visible;
width: 54px;
height:62px;
position: relative;
left: 380px;
top: 25px;
position: absolute;

}
.footcenter {
background-color: #CB2D22;
line-height: 20px;
width: 500px;
height: 20px;
border-top: 4px solid #C6A317;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #C6A317;
border-bottom-color: #C6A317;
border-left-color: #C6A317;
position: absolute;
overflow: visible;
left: 150px;
top: 40px;
letter-spacing: normal;
word-spacing: normal;

}

a.listcategories:link, a.listcategories:visited{
color: red;
background-color: #FFFFFF;
border-bottom: 1pt #000000;
border-top: 1pt #000000;
height: 15pt;

font-weight: 800;
font-size: 12px;
letter-spacing: 3px;
text-decoration: none;
}

a.listcategories:hover, a.listcategories:active{
color: #FFAAAA;
background-color: #FFFFFF;
border-bottom: 1pt #000000;
border-top: 1pt #000000;
height: 15pt;

font-weight: 800;
font-size: 12px;
letter-spacing: 3px;
text-decoration: none;
}

a.not:link, a.not:visited, a.not:hover, a.not:active{
color: #FFAAAA;
background-color: #FFFFFF;
border-bottom: 1pt #000000;
border-top: 1pt #000000;
height: 15pt;

font-weight: 800;
font-size: 12px;
letter-spacing: 3px;
text-decoration: none;
cursor: text;
}
div.bodycenter {
color:black;
/*border: thin groove #000000;*/
height: 400px;
width: 580px;
position: absolute;
}

.lettercatego{
color: red;
background-color: #FFFFFF;
height: auto;
font-weight: normal;
font-size: 64px;
text-decoration: none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
text-align: left;
padding: 10pt;
margin: 20px;
width: auto;
vertical-align: middle;
position: absolute;
}
.listartcatego{
color: red;
background-color: #FCFCFC;
height: auto;
width: auto;
text-decoration: none;
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
font-weight: bold;
padding: 1px;
margin: 1px;
position: absolute;
left:50px;
top: 120px;
font-variant: normal;
text-transform: capitalize;

}
a.listart:link, a.listart:visited{
color: red;
background-color: #FCFCFC;
border-bottom: 1pt #000000;
border-top: 1pt #000000;
height: 15pt;

font-weight: 800;
font-size: 12px;
text-decoration: none;
}

a.listart:hover, a.listart:active{
color: #FFAAAA;
background-color: #FCFCFC;
border-bottom: 1pt #000000;
border-top: 1pt #000000;
height: 15pt;

font-weight: 800;
font-size: 12px;
text-decoration: none;
}
[/codigo]
  #2 (permalink)  
Antiguo 03/08/2005, 08:24
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
ujujuy, eso es todo un evangelio en css. podrias reducir a una pagina lo mas sencilla posible con el minimo de estilos para reproducir el problema? así es mucho más facil ayudarte :)
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #3 (permalink)  
Antiguo 26/08/2005, 19:59
 
Fecha de Ingreso: mayo-2004
Mensajes: 159
Antigüedad: 13 años, 6 meses
Puntos: 0
estuve un tiempo offline... pero mi problema continua.
Por qué no se ven igual en Mozilla y en IE???? Algo que aún no resuelvo.
en este código están todas las diferencias, principalmente el foot de la página que en IE lo se ve.

Gracias por todo...
[codigo]
a.language{
text-decoration: none;
}
.myfooter {
background-color: #FFFFFF;
position: relative;
}
.subfooter {
background-color: #FFFFF;
height: 50px;
position: absolute;
}

.subfooter2 {
background-color: #FDCC05;
border-top: 4px solid #C6A317;
line-height: 20px;
height: 50px;
width: 770px;
position: absolute;
top: 50px;
margin: 2px;
padding: 2px;
}

.footimgcenter{
background-image: url(/themes/e-xoops/images/IMAGE-READY_78.jpg);
overflow: visible;
width: 54px;
height:62px;
position: relative;
left: 380px;
top: 25px;
position: absolute;

}
.footcenter {
background-color: #CB2D22;
line-height: 20px;
width: 500px;
height: 20px;
border-top: 4px solid #C6A317;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #C6A317;
border-bottom-color: #C6A317;
border-left-color: #C6A317;
position: absolute;
overflow: visible;
left: 150px;
top: 40px;
letter-spacing: normal;
word-spacing: normal;

}

a.listcategories:link, a.listcategories:visited{
color: red;
background-color: #FFFFFF;
border-bottom: 1pt #000000;
border-top: 1pt #000000;
height: 15pt;

font-weight: 800;
font-size: 12px;
letter-spacing: 3px;
text-decoration: none;
}

a.listcategories:hover, a.listcategories:active{
color: #FFAAAA;
background-color: #FFFFFF;
border-bottom: 1pt #000000;
border-top: 1pt #000000;
height: 15pt;

font-weight: 800;
font-size: 12px;
letter-spacing: 3px;
text-decoration: none;
}

a.not:link, a.not:visited, a.not:hover, a.not:active{
color: #FFAAAA;
background-color: #FFFFFF;
border-bottom: 1pt #000000;
border-top: 1pt #000000;
height: 15pt;

font-weight: 800;
font-size: 12px;
letter-spacing: 3px;
text-decoration: none;
cursor: text;
}
div.bodycenter {
color:black;
/*border: thin groove #000000;*/
height: 400px;
width: 580px;
position: absolute;
}

.lettercatego{
color: red;
background-color: #FFFFFF;
height: auto;
font-weight: normal;
font-size: 64px;
text-decoration: none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
text-align: left;
padding: 10pt;
margin: 20px;
width: auto;
vertical-align: middle;
position: absolute;
}
.listartcatego{
color: red;
background-color: #FCFCFC;
height: auto;
width: auto;
text-decoration: none;
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
font-weight: bold;
padding: 1px;
margin: 1px;
position: absolute;
left:50px;
top: 120px;
font-variant: normal;
text-transform: capitalize;

}
a.listart:link, a.listart:visited{
color: red;
background-color: #FCFCFC;
border-bottom: 1pt #000000;
border-top: 1pt #000000;
height: 15pt;

font-weight: 800;
font-size: 12px;
text-decoration: none;
}

a.listart:hover, a.listart:active{
color: #FFAAAA;
background-color: #FCFCFC;
border-bottom: 1pt #000000;
border-top: 1pt #000000;
height: 15pt;

font-weight: 800;
font-size: 12px;
text-decoration: none;
}
[/codigo]
  #4 (permalink)  
Antiguo 27/08/2005, 07:06
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
guntin, como te dije, es mucho mas facil si subes una pagina a un servidor donde podamso ver, de otra manera hay que copiar y pegar todo el codigo para probarlo...
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
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 11:18.