• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

pebat

Estranha situação..

2 mensagens neste tópico

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:

   

        firefoxzv3.th.jpg

E no IE aparece assim:

        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*.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora