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;
}