Foros del Web » Creando para Internet » Diseño web »

Problemas Explorer y firefox

Estas en el tema de Problemas Explorer y firefox en el foro de Diseño web en Foros del Web. Hola amigos! Tengo un wordpress que la verdad estoy tratando muy bien con actualizaciones diarias, el problema es que cuando coloca imagenes y demas y ...
  #1 (permalink)  
Antiguo 03/02/2009, 10:39
 
Fecha de Ingreso: diciembre-2006
Mensajes: 382
Antigüedad: 11 años
Puntos: 5
Pregunta Problemas Explorer y firefox

Hola amigos!

Tengo un wordpress que la verdad estoy tratando muy bien con actualizaciones diarias, el problema es que cuando coloca imagenes y demas y las alineo (centrar) pues en internet explorer se me ven muy bien todo colocado y demas, pero cuando entro con Firefix, las mismas fotos se ven todas pegadas a la izquierda y no hay manera de centrar. Llevo horas poniendo codigos y demas y no hay manera

Alguien me puede ayudar.

Les pongo mi CSS si lo necesitan, porque la verdad es que desconozco si el problema viene a raiz del CSS

saludos
  #2 (permalink)  
Antiguo 03/02/2009, 10:54
 
Fecha de Ingreso: diciembre-2006
Mensajes: 382
Antigüedad: 11 años
Puntos: 5
Respuesta: Problemas Explorer y firefox

os dejo el CSS:

Cita:
*/
body {
margin:0;
padding:0;
background:url(img/bk_menu.jpg) repeat-x;
}
ol{
list-style:none;
}
* {
margin:0;
padding:0;
}
img {
padding:0;
margin:0;
}
#header {
width:739px;
height:90px;
margin:auto;
padding:80px 120px 80px 120px;
text-align:center;
background:url(img/header.jpg) no-repeat;
font-size:70px;
}
#header a {
text-decoration:none;
}
#nav {
margin:auto;
width:979px;
height:40px;
padding:0;
}
#nav ul {
padding:0;
margin:0;
list-style:none;
display:block;
}
#nav ul li {
margin:0;
float:left;
list-style:none;
display:block;
font-weight:bold;
font-family:Arial;
font-size:15px;
padding:12px 10px 0 10px;
}
#nav ul li a{
text-decoration:none;
color:#000000;
}
#nav ul li a:hover{
text-decoration:underline;
color:#000000;
}
#content {
width:979px;
margin:auto;
background:url(img/bk_wraper.jpg) repeat-y;
}
#sidebar_izquierdo {
float:left;
width:224px;
margin-left:10px;
margin-top:15px;
}
#main {
width:511px;
float:left;
}
#sidebar {
margin-top:15px;
width:224px;
float:left;
}
.clear {
float:none;
clear:both;
}
#footer {
width:979px;
margin:auto;
background:url(img/bk_cierra_wraper.jpg) no-repeat top;
text-align:center;
}
#pedo {
height:22px;
text-align:center;
background: url(img/bk_pedo.jpg) repeat-x;
}
#pedo a{
font-family:Arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#000000;
}
#pedo a:hover{
text-decoration:underline;
}
.atencion{
color:#ff33ff;
font-family:Arial;
font-size:15px;
font-weight:bold;
margin-top:10px;
}
.cont {
font-family:Arial;
font-size:13px;
color:#000000;
}
.finales {
margin:10px 0 10px 0;
color:#0000ff;
font-family:Arial;
font-size:14px;
font-weight:bold;
}
.finales a{
color:#0000ff;
text-decoration:none;
font-family:Arial;
font-size:14px;
font-weight:bold;
}
.finales a:hover{
text-decoration:underline;
}
.post_title {
padding:8px 0 0 15px;
margin-top:15px;
height:29px;
background:url(img/bk_title.jpg) no-repeat;
color:#FFFFFF;
font-family:Arial;
font-size:16px;
font-weight:bold;
}
.post_title a{
text-decoration:none;
color:#FFFFFF;
}
..post_title a:hover{
text-decoration:underline;
}
#main img {
float:left;
padding-right:3px;
}
#main p {
padding:15px;
font-family:Arial;
color:#000000;
font-size:14px;
}
.bloque {
height:35px;
background:url(img/bk_bloque.jpg) no-repeat;
padding:10px 20px 0 20px;
}
.bloque h1 {
font-family:Arial;
font-size:15px;
font-weight:bold;
color:#0000FF;

}
.fin_bloque {
height:14px;
background:url(img/bk_bloque_fin.jpg) no-repeat;
margin-bottom:20px;
}
..cont_bloque {
background:url(img/bk_bloque_2.jpg) repeat-y;
padding:0 20px 0 20px;
}
.cont_bloque p{
text-align:center;
font-family:Arial;
font-size:12px;
color:#000000;
}
.more-link {
display:block;
padding-left:430px;
padding-top:5px;
height:23px;
font-family:Arial;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
background:url(img/bk_mas.jpg) no-repeat;
text-decoration:none;
}
.cont_widget {
background:url(img/categorias.jpg) no-repeat top;
margin:0 0 20px 0;
}
..cont_widget .title{
font-family:Arial;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
padding:9px 0 0 20px;
margin-bottom:10px;
}
.cont_widget ul .cat-item, .cont_widget ul .page_item{
list-style:none;
display:block;
padding:2px 0 2px 20px;
font-family:Arial;
font-size:14px;
color:#000000;
font-weight:bold;
}
.cont_widget ul .cat-item a, .cont_widget ul .page_item a{
text-decoration:none;
color:#000000;
}
.cont_widget ul .cat-item a:hover, .cont_widget ul .page_item a:hover{
text-decoration:underline;
color:#000000;
}



.cont_comun {
background:url(img/categorias.jpg) no-repeat top;
margin:0 0 20px 0;
}
.cont_comun .title{
font-family:Arial;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
padding:9px 0 0 20px;
margin-bottom:10px;
}
.cont_comun ul li, .cont_comun li{
list-style:none;
display:block;
padding:3px 0 3px 20px;
font-family:Arial;
font-size:14px;
color:#000000;
font-weight:bold;
}
.cont_comun ul li a, .cont_comun li a{
text-decoration:none;
color:#000000;
}
.cont_comun ul li a:hover, .cont_comun li a:hover{
text-decoration:underline;
}






/*paginador pagebar ===========================================*/
.pagebar {
-x-system-font:none;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
text-align:center;
padding-bottom:10px;
padding-top:20px;
}
.pagebar a, .pageList .this-page {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
padding:2px 6px;
text-decoration:none;
}
.pagebar a:visited {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
padding:2px 6px;
text-decoration:none;
}
.pagebar .break {
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
padding:2px 6px;
text-decoration:none;
}
.pagebar .this-page {
background:#FFFFFF none repeat scroll 0 0;
border-color:#999999;
font-size:13px;
font-weight:bold;
padding:2px 6px;
vertical-align:top;
}
.pagebar a:hover {
background:#336699 none repeat scroll 0 0;
border-color:#009900;
color:#FFFFFF;
text-decoration:none;
}
.pagebar .inactive {
border-color:#999999;
font-size:13px;
font-weight:bold;
padding:2px 6px;
vertical-align:top;
}
h2{
font-size:14px;
font-family:Arial;
}



.datospost {
font-family:Arial;
font-size:12px;
background-color:#C5EEFF;
margin:25px;
padding:5px;
}

img.centered (
pantalla: bloque;
margen izquierda: auto;
margen derecha: auto;
)

img.alignright (
padding: 4px;
margin: 0 0 2px 7px;
pantalla: "inline";
)

img.alignleft (
padding: 4px;
margin: 0 7px 2px 0;
pantalla: "inline";
)

. alignright (
float: right;
)

. alignleft (
flotador: izquierda;
)
  #3 (permalink)  
Antiguo 03/02/2009, 16:08
Avatar de XLogus  
Fecha de Ingreso: noviembre-2008
Ubicación: AQP
Mensajes: 495
Antigüedad: 9 años
Puntos: 19
Respuesta: Problemas Explorer y firefox

Es muy dificil leer un CSS y decirte que esta bien o mal, sería realmente util para poder ayudarte que subas tu página a internet y envies la URL para verla.
Asi cualquiera que este dispuesto a ayudarte puede usar firebug y darte una mano
  #4 (permalink)  
Antiguo 03/02/2009, 16:12
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: Problemas Explorer y firefox

Mira, tampoco entiendo bien tu CSS así suelto, pero si te podría decite algo sobre la diferencia como interpreta Internet Explorer y el Firefox en cuanto a centrar elementos. Cuando se trata de centrar texto no hay vuelta que darle, no hay problema. Pero si se trata de centrar cualquiera otro elemento la cosa se complica un poquito. En I.E. basta con que el estilo del elemento contenedor tenga align: center y se acabó. En Firefox no es tan simple, necesita que el margin-left y el margin-right del elemento contenido (no contenedor) esté en auto, por ejemplo:

<div style="text-align: center">
<img src="imagen.jpg" style="margin-left: auto; margin-right: auto" />
</div>

En I.E. habría bastado con el estilo del DIV pero en firefox hace falta añadir ese estilo de la imagen. Espero que te sirva.
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 22:16.