avito23 escribió:
RIZOME
http://www.flexograf.e.telefonica.net/test4.html
Este va perfecto en FF pero en ie7 me sale la barra abajo del todo y muy finita, como un cuarto del tamaño del texto.
No sé cómo estás programando, pero me parece que de alguna manera rara, desde luego, que no con el NOTEPAD (el mejor diseñador web)http://www.flexograf.e.telefonica.net/test4.html
Este va perfecto en FF pero en ie7 me sale la barra abajo del todo y muy finita, como un cuarto del tamaño del texto.
Desde luego, que te falta la línea más importante:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Sin esta, evidentemente que no se ve bien.
Ponla, y verás.
Resumen, más mascado no se puede dar:
Código :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style>
#imagen{padding:0px; margin:0px;
z-index:1;
position:relative;
height:356px; width:376px; overflow:hidden;
}
#barra {padding:0px; margin:0px;
z-index:2;
background-color: #0066CC;
width: 376px; height:60px;
position:absolute; bottom:0px; left:0px;
-moz-opacity:.70;
opacity:.70;
filter:alpha(opacity=70);
}
.p {padding:0px; margin:0px;
z-index:3;
color:white; font-family: "Arial"; font-size: 33pt; font-weight: bolder; text-align:center;
height:60px;
position:absolute; bottom:0px; left:0px;
}
</style>
</head>
<body>
<div id="imagen">
<img src="http://www.flexograf.e.telefonica.net/wii.jpg" />
<div id="barra"></div>
<div class="p">La nueva WII</div>
</div>
</html>Y recuerda, sin DOCTYPE , ni pretendas hacer que tu página se vea igual en todos los navegadores, porque entrarás en QuirckMode, y estarás perdido.
PD: Usa Notepad. (y más aún, si no dominas xHTML y CSS)
