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 | |
|---|---|---|---|---|---|
|
Justiça acusa editor da Reuters por invadir site do "Los Angeles Times" com o Anonymous
|
Notícias |
Notícias
|
|
|
|
|
Oklahoma City Thunder jerseys
[url=http://www.sellthunderjerseys.com]Oklahoma City Thunder jerseys[/ |
Eventos |
gisonge34
|
|
|
|
|
Problema com onKeyDown
Precisar usar um delay |
Flash & ActionScript |
Grubert
|
|
|
|
|
Sempre height...
Problemas com altura da div |
Web Standards |
rbaialuna
|
|
|
|
|
pagina de detalhes em popup
preciso clicar num dinamic text e a pág |
Dreamweaver |
Bessa
|
|
|
|
|
imagem em flash
como mudar uma imagem de site em flash |
Flash & ActionScript |
vikamore
|
|
|
|
flzhttp://cheapsgfitflop.snappages.com/ reproffer limitation's
|
Eventos | Guest_urbalcuff_* |
|
|
|
|
Preciso de programador em delphi (freelance)
que more em fortaleza/ce |
Mercado / Vagas |
jlima
|
|
Publicidade
|
|