Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ae Galera!! BelezA??
Estou com um probleminha e não consigo solucionar. Eu me aventurando nos posicionamento da vida via css, mas está complicado. Só falta uma coisinha pra terminar. Vamos lá:
Quero fazer um posicionamento igual a img abaixo (No Firefox, Chrome, Opera funcionar certinho, só no IEca que não):
/applications/core/interface/imageproxy/imageproxy.php?img=http://img88.imageshack.us/img88/5104/capturar3.jpg&key=009dfa8d5fca7c86ac80e5f6856643a103d1366ad0ae6dd820473fa777aedf2f" alt="Imagem Postada" />
Se eu coloco como comentario no CSS a divLogo, ele fica assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img88.imageshack.us/img88/935/capturaru.jpg&key=72f7308cb481a4b661687d2d101f1779dac5a262b8a17b0f9a5b482dc2938967" alt="Imagem Postada" />
Se eu tiro o comentário ele fica assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img256.imageshack.us/img256/2619/capturar2i.jpg&key=14835399d4ba5151f485fb0e6fa10775788f610cc65f3eb07a6481b3d58d0173" alt="Imagem Postada" />
O codigo do css esta abaixo e do html também:
body{
font-family: tahoma;
font-size: 14px;
margin: 0px auto;
text-align: center;
color: white;
background: url("../imgs/til_1.jpg") center repeat;
width: 672px;
z-index: 1;
}
body a{
text-decoration: none;
border: 0px solid #000;
color: #ffff80;
}
body a:hover{
text-decoration: none;
border: 0px solid #000;
color: #ffff80;
}
body a:visited{
text-decoration: none;
border: 0px solid #000;
color: #ffff80;
}
body img{
text-decoration: none;
border: 0px solid #000;
}
#divSite{
text-align: center;
width: 672px;
}
#divTopo{
position: absolute;
text-align: center;
width: 672px;
}
#divLogo{
background: url("../imgs/img.gif") right no-repeat;
padding-left: 500px;
padding-top: 10px;
width: 149px;
height: 90px;
z-index: 10;
overflow: visible;
}
#divBusca{
position: relative;
padding-top: 70px;
text-align: left;
width: 672px;
z-index: 5;
}
#divLupa{
position: absolute;
background: url("../imgs/pic_1.jpg") center no-repeat;
margin: 0px auto;
text-align: left;
padding-left: 80px;
padding-top: 80px;
width: 51px;
height: 78px;
z-index: 5;
}
#divPesquisa{
position: absolute;
text-align: left;
padding-left: 70px;
padding-top: 30px;
width: 672px;
z-index: 5;
}
#divPesquisa input{
height: 20px;
font-size: 11px;
}
#divPesquisa option{
height: 17px;
font-size: 11px;
}
#divBuscaEsq{
position: relative;
float: left;
background: url("../imgs/le_1.jpg") center no-repeat;
width: 15px;
padding-bottom: 0;
height: 104px;
z-index: 1;
}
#divBuscaCen{
position: relative;
float: left;
background: url("../imgs/rep_1.jpg") center repeat-x;
width: 642px;
height: 104px;
z-index: 1;
}
#divBuscaDir{
position: relative;
float: right;
background: url("../imgs/le_2.jpg") center no-repeat;
width: 15px;
height: 104px;
z-index: 1;
}
#divBarraResultados{
padding-top: 5px;
margin: 0px auto;
text-align: center;
width: 672px;
height: 6px;
}
#divBarraResultadosEsq{
position: relative;
float: left;
margin: 0px auto;
text-align: center;
width: 6px;
height: 28px;
background: url("../imgs/l_1.jpg") center no-repeat;
}
#divBarraResultadosCen{
margin: 0px auto;
text-align: center;
float: left;
width: 660px;
height: 28px;
background: url("../imgs/rep_l.jpg") center repeat-x;
}
#divBarraResultadosDir{
position: relative;
float: right;
margin: 0px auto;
text-align: center;
width: 6px;
height: 28px;
background: url("../imgs/l_2.jpg") center no-repeat;
}
#divResultados{
position: relative;
padding-top: 7px;
width: 672px;
margin: 0px auto;
text-align: center;
background: #313131;
}
#divRes{
width: 672px;
min-height: 100px;
margin: 0px auto;
text-align: center;
z-index: 5;
}
#divResNome{
position: relative;
text-align: left;
margin: 0px auto;
padding-left: 5px;
width: 500px;
}
#divResTelefone{
text-align: left;
margin: 0px auto;
padding-left: 5px;
width: 500px;
z-index: 5;
}
#divResCidade{
text-align: left;
margin: 0px auto;
padding-left: 5px;
width: 500px;
z-index: 5;
}
#tblRes{
background-color: #808080;
text-align: left;
font-size: 14px;
border: 1px solid #fff;
}
<body>
<div id="divSite">
<div id="divTopo">
<div id="divImgDisq"></div>
<a href="?tpBusca=web<?php if(isset($_GET[busca])) echo "&busca=" . $_GET[busca]; ?>"><img src="imgs/h_1.jpg"></a><a href="?tpBusca=imgs<?php if(isset($_GET[busca])) echo "&busca=" . $_GET[busca]; ?>"><img src="imgs/h_2.jpg"></a><a href="?tpBusca=video<?php if(isset($_GET[busca])) echo "&busca=" . $_GET[busca]; ?>"><img src="imgs/h_3.jpg"></a><a href="?tpBusca=produtos<?php if(isset($_GET[busca])) echo "&busca=" . $_GET[busca]; ?>"><img src="imgs/h_4.jpg"></a><a href="?tpBusca=mapas<?php if(isset($_GET[busca])) echo "&busca=" . $_GET[busca]; ?>"><img src="imgs/h_5.jpg"></a>
</div>
<div id="divBusca">
<div id="divLupa"></div>
<div id="divPesquisa">
<form id="frmPesq" method="post" action="" onsubmit="enviarPesq()">
<input type="text" id="txtBusca" value="<?php echo $_GET['busca']; ?>" size="40">
<select name="cidades" <?php if(($_GET["tpBusca"] != 'web') && ($_GET["tpBusca"] != '')) echo "DISABLED";?> id="selCidades">
<option value="0">Todas as cidades</option>
<?php
while($cid = mysql_fetch_array($conCidades)){
echo "<option value=\"$cid[id_cidade]\""; //Abre a tag option do select para preenchimento das cidades
if($cid['id_cidade'] == $cidade) echo "SELECTED"; //Se for a mesma cidade que esta na url, marcar ela como selecionada
echo ">$cid[ds_cidade]</option>";
}
?>
</select>
<input type="submit" id="btnBuscar" name="btnBuscar" value="Buscar" onclick="enviarPesq()">
<br />
<input type="radio" name="opcao" id="radNome" <?php if(($_GET["tpBusca"] != 'web') && ($_GET["tpBusca"] != '')) echo "DISABLED";?> value="nome" CHECKED>Por Nome
<input type="radio" name="opcao" id="radTelefone" <?php if(($_GET["tpBusca"] != 'web') && ($_GET["tpBusca"] != '')) echo "DISABLED";?> value="telefone" <?php if($_GET['opcao'] == 1) echo "CHECKED"; ?>>Por Telefone
<br />
</form>
</div>
<div id="divLogo"></div>
<div id="divBuscaEsq"></div>
<div id="divBuscaDir"></div>
<div id="divBuscaCen"></div>
</div>
<div id="divBarraResultados">
<div id="divBarraResultadosEsq"></div>
<div id="divBarraResultadosDir"></div>
<div id="divBarraResultadosCen"></div>
</div>
<div id="divResultados">
Pode ser que eu esteja fazendo uma cagada, mas em outros navegadores funciona perfeitamente apenas no IE não vai nem a pau.
Muito agradecido!
Abraço galera
Carregando comentários...