Help
Posted 08 July 2009 - 05:38 PM
Estou com problemas com esse código:
body {
text-align: center;
z-index: 1;
} /* deixando o alinhamento do body centralizado */
#conteudo {
float:left;
height:280px;
width: 200px; /* definindo 530px para a largura do div */
margin-left:50px;
margin-top:-550px;
z-index:3;
}
#geral {
width: 860px; /* definindo 530px para a largura do div */
margin: 0 auto; /* colocando auto, para que o #geral fique de acordo com o alinhamento do body, ou seja, centralizado */
z-index:2;
display: block;
}
O problema é que no Internet Explorer ele funciona perfeitamente, mas no Firefox, ele deixa o formulário atrás da Div da imagem, que é a Div Geral. Mais um problema... parece que o z-index não funciona...
olhem no link www.sferagestao.com.br/contato
Testem no IE e no FF, vocês verão que no FF não aparece o formulário, pois o mesmo fica atrás da imagem da Div "geral", a div "contato" tá ficando por trás no FF.
Como posso resolver isso?
Publicidade
|
|
Page 1 of 1
Problemas com DIV em CSS Preciso de ajdua urgente!
#2
Rapha Designer 
- Group: Membros
- Posts: 18
- Joined: 08-July 09
Posted 13 July 2009 - 09:21 AM
Bom, descobri que o Z-index não funciona sem uma propriedade position... então não sei o que fazer para deixar a DIV conteudo por cima da DIV geral no FF. Alguma sugestão?
#3
Mr. Vaz
- Group: Membros
- Posts: 9
- Joined: 06-August 09
Posted 06 August 2009 - 01:45 PM
QUOTE
Alguma sugestão?
Sim, tente organizar melhor seu código x_x
CÓDIGO
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sfera Gestão e Soluções</title>
</head>
<style type="text/css">
body {
text-align: center;
} /* deixando o alinhamento do body centralizado */
#geral {
width: 860px; /* definindo 530px para a largura do div */
position: relative;
}
#imagem {
position: absolute;
}
#conteudo {
float:left;
height:280px;
width: 200px; /* definindo 530px para a largura do div */
position: relative;
margin: 350px 0 0 50px;
}
#conteudo form p {
text-align: left;
font-family: Arial;
font-weight: bold;
color: #666;
font-size: 12px;
}
</style>
<body>
<div id="geral">
<div id="imagem">
<img src="contato.jpg" alt="" width="860" height="912" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="27,135,69,148" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
<area shape="rect" coords="118,135,151,149" href="http://www.sferagestao.com.br/sped.html" target="_self" alt="sped" />
<area shape="rect" coords="193,135,246,151" href="http://www.sferagestao.com.br/gestao.html" target="_self" alt="gestão" />
<area shape="rect" coords="283,136,343,150" href="http://www.sferagestao.com.br/sistemas.html" target="_self" alt="sistemas" />
<area shape="rect" coords="375,136,471,149" href="http://www.sferagestao.com.br/planejamento.html" target="_self" alt="planejamento" />
<area shape="rect" coords="510,136,537,148" href="http://www.sferagestao.com.br/bpo.html" target="_self" alt="BPO" />
<area shape="rect" coords="586,136,713,150" href="http://www.sferagestao.com.br/projetos.html" target="_self" alt="projetos" />
<area shape="rect" coords="764,136,829,150" href="http://www.sferagestao.com.br/contato.html" target="_self" alt="contato" />
<area shape="rect" coords="800,54,843,119" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
<area shape="rect" coords="16,5,282,104" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
<area shape="rect" coords="16,301,48,312" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
<area shape="rect" coords="59,301,106,312" href="http://www.sferagestao.com.br/contato.html" target="_self" alt="contato" />
<area shape="rect" coords="135,788,173,802" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
<area shape="rect" coords="765,824,809,835" href="http://www.sferagestao.com.br/contato.html" target="_self" alt="contato" />
<area shape="rect" coords="718,845,834,889" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
</map>
</div> <!-- End Imagem -->
<div id="conteudo">
<form action="http://www.sferagestao.com.br/formail.php" method="POST">
<p>Envie sua mensagem.</p>
<p><font size="1" face="Arial">Nome:<br>
<input type="text" name="nome" size="24"><br>
E-Mail:<br>
<input type="text" name="email" size="24"><br><br>
Mensagem:</font><br>
<textarea name="mensagem" rows="6" cols="25"></textarea>
<br>
<input type="submit" name="Enviar" value="Enviar">
<input type="reset" value="Limpar">
</p>
</form>
</div> <!-- End Conteudo -->
</div> <!-- End Geral -->
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sfera Gestão e Soluções</title>
</head>
<style type="text/css">
body {
text-align: center;
} /* deixando o alinhamento do body centralizado */
#geral {
width: 860px; /* definindo 530px para a largura do div */
position: relative;
}
#imagem {
position: absolute;
}
#conteudo {
float:left;
height:280px;
width: 200px; /* definindo 530px para a largura do div */
position: relative;
margin: 350px 0 0 50px;
}
#conteudo form p {
text-align: left;
font-family: Arial;
font-weight: bold;
color: #666;
font-size: 12px;
}
</style>
<body>
<div id="geral">
<div id="imagem">
<img src="contato.jpg" alt="" width="860" height="912" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="27,135,69,148" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
<area shape="rect" coords="118,135,151,149" href="http://www.sferagestao.com.br/sped.html" target="_self" alt="sped" />
<area shape="rect" coords="193,135,246,151" href="http://www.sferagestao.com.br/gestao.html" target="_self" alt="gestão" />
<area shape="rect" coords="283,136,343,150" href="http://www.sferagestao.com.br/sistemas.html" target="_self" alt="sistemas" />
<area shape="rect" coords="375,136,471,149" href="http://www.sferagestao.com.br/planejamento.html" target="_self" alt="planejamento" />
<area shape="rect" coords="510,136,537,148" href="http://www.sferagestao.com.br/bpo.html" target="_self" alt="BPO" />
<area shape="rect" coords="586,136,713,150" href="http://www.sferagestao.com.br/projetos.html" target="_self" alt="projetos" />
<area shape="rect" coords="764,136,829,150" href="http://www.sferagestao.com.br/contato.html" target="_self" alt="contato" />
<area shape="rect" coords="800,54,843,119" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
<area shape="rect" coords="16,5,282,104" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
<area shape="rect" coords="16,301,48,312" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
<area shape="rect" coords="59,301,106,312" href="http://www.sferagestao.com.br/contato.html" target="_self" alt="contato" />
<area shape="rect" coords="135,788,173,802" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
<area shape="rect" coords="765,824,809,835" href="http://www.sferagestao.com.br/contato.html" target="_self" alt="contato" />
<area shape="rect" coords="718,845,834,889" href="http://www.sferagestao.com.br/index.html" target="_self" alt="principal" />
</map>
</div> <!-- End Imagem -->
<div id="conteudo">
<form action="http://www.sferagestao.com.br/formail.php" method="POST">
<p>Envie sua mensagem.</p>
<p><font size="1" face="Arial">Nome:<br>
<input type="text" name="nome" size="24"><br>
E-Mail:<br>
<input type="text" name="email" size="24"><br><br>
Mensagem:</font><br>
<textarea name="mensagem" rows="6" cols="25"></textarea>
<br>
<input type="submit" name="Enviar" value="Enviar">
<input type="reset" value="Limpar">
</p>
</form>
</div> <!-- End Conteudo -->
</div> <!-- End Geral -->
</body>
</html>
Teste aí.
#4
Rapha Designer
- Group: Membros
- Posts: 18
- Joined: 08-July 09
Posted 06 August 2009 - 09:15 PM
Eu não manjo praticamente nada de programação, mas tava afim de aprender, pena que os cursos são caros, pq eu não consigo muito aprender sozinho esse tipo de coisa, fora que o tempo que tenho é curto pra isso, tem que ser aqueles cursos intensivos. Mas vou me virando como posso, pelo menos tem gente disposta a ajudar, vlw mesmo pessoal!
Share this topic:
Page 1 of 1
Similar Topics
| Topic | Forum | Started By | Stats | Last Post Info | |
|---|---|---|---|---|---|
|
Google Street View começa a registrar ribeirinhos da Amazônia
|
Notícias |
Notícias
|
|
|
|
|
Queria fazer um site todo em flash...
Preciso de ajuda pra fazer um... |
Flash & ActionScript |
gabriel_sobrinho
|
|
|
|
oyxhttp://singaporefitflop.com/fitflops-australia.html stoutly collylyria
|
Eventos | Guest_Basigmapege_* |
|
|
|
|
Botas ugg despression symptoms is unsatisfactory discover solutions to combat this
botas ugg stick with these kind of confirmed methods for a better more |
Eventos | Guest_gerbimmen_* |
|
|
|
|
michael korsbp90
[url=http://www.nanniesheartland.com/michaelkorshandbagsj4.html][b]mic |
Repositório de Códigos |
Coorkerty
|
|
|
|
|
ASP - Captcha com AspJpeg
|
Repositório de Códigos |
xanburzum
|
|
|
|
|
LG apresentará tablet com Android 3.0 na CES, diz site
|
Notícias |
Notícias
|
|
|
|
|
Menu "sensível"?
como o da navenet.com |
Flash & ActionScript |
alexandrebini
|
|
Publicidade
|
|