Estranha situação..

pebat · November 6, 2007 at 11:39 AM

Boas.

Tenho uma pagina com css, que tem o seguinte codigo:


body{
        margin:10px 15px;
        font: 12px Arial, Helvetica, sans-serif;
        background-color:#000000;
        }
#geral {
        width:700px;
        /* background: url(faux-bg.gif) repeat-y 0 0; */
        background-color:#black;
        }
#topo {
        height:100px;
        /* background-color:#df7ddf; */
        /* background-image:url(../images/admin/topo.jpg);*/
        /* background-repeat: no-repeat; */
        }
#direita {
        width:550px;
        /*background-color:#9cf;*/
        float:right;
        padding-top: 10px;
        }
#escreda {
        width:150px;
        height: auto;
        background-color:#C3C3C3;
        float:left;
        clear: left;
        padding-top: 10px;
        padding-bottom: 10px;
        }
#direita * {
        padding: 0 20px;
        margin-top: 10px;
        }
#esquerda * {
        padding: 0 8px;
        }
#rodape {
        clear:both;
        height:20px;
        background-color:#666666;
        }

Depois tenho o seguite codigo em Html:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Mp Estudios</title>
</head>

<link rel="stylesheet" type="text/css" href="css.css" />

<body>

<center>
  <div id="geral" align="center">
  	<div id="topo">

   <center>	
	<table width="801" height="200" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
	<tr>
		<td colspan="12">
			<img src="topo/images/topo_01.gif" width="800" height="145" alt=""></td>
		<td>
			<img src="topo/images/spacer.gif" width="1" height="145" alt=""></td>
	</tr>
	<tr>

		<td colspan="4">
			<img src="topo/images/topo_02.gif" width="276" height="2" alt=""></td>
		<td rowspan="3">
			<img src="topo/images/topo_03.gif" width="112" height="41" alt=""></td>
		<td>
			<img src="topo/images/topo_04.gif" width="11" height="2" alt=""></td>
		<td rowspan="3">
			<img src="topo/images/topo_05.gif" width="112" height="41" alt=""></td>
		<td>

			<img src="topo/images/topo_06.gif" width="14" height="2" alt=""></td>
		<td rowspan="3">
			<img src="topo/images/topo_07.gif" width="112" height="41" alt=""></td>
		<td colspan="3">
			<img src="topo/images/topo_08.gif" width="163" height="2" alt=""></td>
		<td>
			<img src="topo/images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>

		<td rowspan="4">
			<img src="topo/images/topo_09.gif" width="34" height="53" alt=""></td>
		<td rowspan="2">
			<img src="topo/images/topo_10.gif" width="109" height="39" alt=""></td>
		<td rowspan="2">
			<img src="topo/images/topo_11.gif" width="121" height="39" alt=""></td>
		<td rowspan="2">
			<img src="topo/images/topo_12.gif" width="12" height="39" alt=""></td>
		<td rowspan="2">

			<img src="topo/images/topo_13.gif" width="11" height="39" alt=""></td>
		<td rowspan="2">
			<img src="topo/images/topo_14.gif" width="14" height="39" alt=""></td>
		<td colspan="3">
			<img src="topo/images/topo_15.gif" width="163" height="1" alt=""></td>
		<td>
			<img src="topo/images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>	
	<tr>

		<td>
			<img src="topo/images/topo_16.gif" width="14" height="38" alt=""></td>
		<td rowspan="2">
			<img src="topo/images/topo_17.gif" width="112" height="40" alt=""></td>
		<td>
			<img src="topo/images/topo_18.gif" width="37" height="38" alt=""></td>
		<td>
			<img src="topo/images/spacer.gif" width="1" height="38" alt=""></td>
	</tr>

	<tr>
		<td colspan="9" rowspan="2">
			<img src="topo/images/topo_19.gif" width="617" height="14" alt=""></td>
		<td rowspan="2">
			<img src="topo/images/topo_20.gif" width="37" height="14" alt=""></td>
		<td>
			<img src="topo/images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>

		<td>
			<img src="topo/images/topo_21.gif" width="112" height="12" alt=""></td>
		<td>
			<img src="topo/images/spacer.gif" width="1" height="12" alt=""></td>
	</tr>
	</table>
  </center>
 </div>
<div id="direita"> </div>

<div id="esquerda"> </div>
<div id="rodape"> </div>
</div>
</center>
</body>
</html>

Agora o estranho e que no firefox a imagem fica toda boa como podem ver na imagem a baixo:

http://img211.imageshack.us/img211/9185/firefoxzv3.th.jpg

E no IE aparece assim:

http://img211.imageshack.us/img211/1614/ieuv9.th.jpg

Alguem tem uma ideia o porque disto.. Eu acho que e os Hack do Css que se tem que usar.. se for isso alguem sabe qual e o que se tem que meter?

Para quem nao repara na diferença visto que a image ta pequena, aparece um barra cizenta, na image no IE e no FireFox aparece todo 5*.

pebat · November 13, 2007 at 02:23 AM

Ja que mng me respondeu 😞 eu foi ver do que poderia de ser... e la ta o IE com as suas mariquices.

Fica aqui um link se alum dia lhes acontecer o msm.

http://www.maujor.com/tutorial/ie7-hack.php

Sign In

Estranha situação..

Recommended Posts

pebat

Link to comment

Share on other sites

pebat

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information