Foros del Web » Creando para Internet » CSS »

Problema de compatibilidad entre navegadores

Estas en el tema de Problema de compatibilidad entre navegadores en el foro de CSS en Foros del Web. Hola! Estoy realizando una web con base de datos php y con css. Mi problema es que con IE se ve mal en comparación con ...
  #1 (permalink)  
Antiguo 05/07/2009, 07:58
 
Fecha de Ingreso: julio-2008
Mensajes: 12
Antigüedad: 9 años, 4 meses
Puntos: 0
Problema de compatibilidad entre navegadores

Hola! Estoy realizando una web con base de datos php y con css. Mi problema es que con IE se ve mal en comparación con Mozilla, y por más que busco, no encuentro cómo hacer para que queden iguales. Les agradeceria mucho si me pudiesen ayudar, pues es de vital importancia. Les dejo los codigos.

Esta es mi pagina:
(la cuelgo asi xk no me deja colgar links....)
http : // citmprojectes. upc. es:8080/jaumemc / Web_DO_Alella/ (sin espacios

y el css:
Código:
img{
	filter: alpha(opacity=90);
	opacity: .9;
}
a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	font-size:13px;

	
}
a:hover {
	text-decoration:underline;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:24px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:18px;
	text-decoration:underline;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#000000;
	float:left;
	text-align:center;
}
h4{
	border-width:thin;
	border-style:dotted;
	background-color:#FFFF66;
	font-size:14px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#FFF;
	float:left;
}
.negrita { font-weight:bold; }


body {
	background-color:#FFF;
}
#contenedor {

	font-family:Arial, Helvetica, sans-serif;
	background-image:url(img/web_DOA_background.jpg);
	width: 800px;
	height:600px;
}



#cabecera {
	width:100%;
	height:6.85em;
	margin-bottom:1.3em;	
}
html>body #cabecera_Logo {
	width:8.9em;
	height:6.85em;
	float:left;
	background-image:url(img/WebDOA_logo.png);
}
#cabecera_Logo {
	width:8.9em;
	height:6.85em;
	background-image:url(img/WebDOA_logo.png);
	float:left;
	margin-top:0.7em;
	margin-left:0.5em;

}


html>body #cabecera_Titol {
	width:25.6em;
	height:6.85em;
	background-image:url(img/WebDOA_titol.png);
	float:left;
}
#cabecera_Titol {
	width:25.6em;
	height:6.85em;
	background:url(img/WebDOA_titol.png);
	float:left;
}

/*---------------------------------------------*/
#menu_Principal{
	width:77%;
	float:left;
	height:4.50em;

}
#menu {  
font-size: 0.7em;
width: 100%;
position: relative;
float:left;
}
#menu ul { list-style-type: none;}

#menu ul li.nivel1 { 
float: left;
width: 20%;
}
#menu ul li { float: left;}

#menu ul li a {display: block;
text-decoration: none;
color:#000;
background-color: #a20000;
border-top: solid 1px #a20000;
border-bottom: solid 1px #a20000;
padding: 0px;
position: relative;
height:36px;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color:#000;
color: #a20000;
position: relative;

}
#menu ul li a.nivel1 {display: block!important;display: none;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;width: 458px;border: solid 1px #a20000;border-top: none;background-color: #a20000; left:6em;
}
#menu ul li ul li a {width: 100%;
border: none;
background-color: #a20000;
padding:0px 2px 0px 2px;
left:1.5em;
}
#menu ul li ul li a:hover {
position: relative;
text-decoration: underline;
border-bottom: none;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
ul.uno {left: 40px;}
ul.dos {left: 40px;}
ul.cuatro {left: 40px;}

/*----------------------------------------*/


#contenido {
	width:44em;
	background-color:#FFFFFF;
	opacity: .83;
	height:22em;
	position:relative;
	top:6em;


}
#contenido .opaco{
	filter: alpha(opacity=70);
}
#contenido .text{
	width:65%;
	height:100%;
	float:left;
	position:relative;
	top:-72px;
	overflow:scroll;
	display:inline;

}
#contenido .foto{
	width:35%;
	height:100%;
	float:left;
	position:relative;
	top:-72px;
	overflow:scroll;
	filter: alpha(opacity=100);
	opacity: 1;
	
}
#contenido .text .DOA_guia{
	display:block;
	float:left;
	border-bottom:1px #000 solid;
	border-right:1px #000 solid;
	padding-right:0.2em;
}
#contenido .text .insertar{
	float:right;
	border-bottom:1px #000 solid;
	border-left:1px #000 solid;
	padding-left:0.2em;
	padding-right:0.2em;
}
#contenido .tornar{
	float:right;
	border-bottom:1px #000 solid;
	border-left:1px #000 solid;
	padding-left:0.2em;
	padding-right:0.2em;
}
#contenido .DOA_guia1{
	float:left;
	border-bottom:1px #000 solid;
	border-right:1px #000 solid;
	padding-right:0.2em;
}
#contenido .formulari{
	display:block;
}
#contenido .text1{
	width:100%;
	height:100%;
	float:left;
	position:relative;
	top:-72px;
	overflow:scroll;
	display:inline;

}
#contenido .barrasuperior{
	position:relative;
	top:-4.5em;
	float:left;
	width:100%;
	}
#contenido .barrainferior{
	position:relative;
	top:-3em;
	float:left;
	width:100%;
	}

/*---------------------------------------------------*/

#credits{
	width:50em;
	height:1.25em;
	position:relative;
	top:1.5em;

}
#credits .credits2 {
	border-right:double;
	border-right-color:#333333;
	padding-right:0.5em;
}
#credits .mapaweb {
	border-right:double;
	border-right-color:#333333;
	padding:0em 0.5em 0em 0.5em;
}
/*GESTOR-------------------------------------------------------------*/

#contenido .login{
	position:relative;
	top:7em;
	filter: alpha(opacity=100); 
	opacity: 1;
}
#contenido .menuGestor{
	float:left;
	position:relative;
	left:5em;

}
#contenido .text2{
	width:100%;
	height:100%;
	float:left;
	position:relative;
	top:-72px;
	overflow:scroll;
	display:block;

}
#contenido .text3{
	width:100%;
	height:100%;
	float:left;
	position:relative;
	top:50px;
	display:block;

}
#contenido .text2 .DOA_guia{
	display:block;
	float:left;
	border-bottom:1px #000 solid;
	border-right:1px #000 solid;
	padding-right:0.2em;
}

#contenido .text2 .insertar{
	float:right;
	border-bottom:1px #000 solid;
	border-left:1px #000 solid;
	padding-left:0.2em;
	padding-right:0.2em;
}
#contenido .barrainferior .percentatge{
	height: 3em;
}
#contenido .text2 .barrainferior2{
	position:relative;
	float:left;
	width:100%;
	}
/* ---------------------PART PUBLICA-------------------------*/

#contenido .text .publica .titol{
	display:block;
	float:left;
	font-weight:bold;
	padding-left:0.2em;
		text-align:justify;
}
#contenido .text .publica .textContingut{
	display:block;
	float:left;
	text-align:justify;
	padding:0 0.5em 0 0.5em;
}
#contenido .text .publica{
	display:block;
	float:left;
	position:relative;
}
#contenido .fotoPublica{
	width:35%;
	height:100%;
	float:left;
	position:relative;
	top:-72px;
	filter: alpha(opacity=100);
	opacity: 1;
	overflow:hidden;
	
}
#contenido .fotoPublica .imagen{
	padding-top:1em;
	padding-bottom:0.3em;
}
#contenido .text .publica2{
	display:block;
	float:left;
	padding-left:8em;
}
  #2 (permalink)  
Antiguo 05/07/2009, 11:06
 
Fecha de Ingreso: julio-2008
Mensajes: 12
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Problema de compatibilidad entre navegadores

alguien puede ayudarme?
lo k me pasa es esto:

pagina en el FF:
[IMG]http: //citmprojectes.upc.es:8080/jaumemc/Web_DO_Alella/ejemplo_FF.gif[/IMG]

pagina en el iE:
[IMG]http: //citmprojectes.upc.es:8080/jaumemc/Web_DO_Alella/ejemplo_IE.gif[/IMG]

aver si puden ayudarme por favor k no se k aceeeerrr!!!

gracias por adelantado
  #3 (permalink)  
Antiguo 05/07/2009, 13:23
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema de compatibilidad entre navegadores

¿Podrías corregir en enlace a la página? Debe haber un error, al menos yo no la puedo cargar.
Símplemente ponlo sin el http //:w ww
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 05/07/2009, 18:27
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Problema de compatibilidad entre navegadores

Este es el enlace, sin (tantos) espacios:

citmprojectes.upc.es:8080/jaumemc/Web_DO_Alella/

Bye
  #5 (permalink)  
Antiguo 05/07/2009, 18:35
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Problema de compatibilidad entre navegadores

En cuanto a la distribución de divs, quizás te vendría bien hacer un reset de estilo (reset básico) encabezando tu hoja de estilo con esto:

Cita:
* {
margin: 0;
padding: 0;
}
Puedes empezar por ahí, y luego vas ajustando cosas.

Bye
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 18:09.