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 | |
|---|---|---|---|---|---|
|
woolf postcesarean http://fitnessdvd-australiasale.com
|
Eventos |
wenoworders
|
|
|
|
|
Camada / Layer / Camadas - Dreamweaver
Problemas com camadas! |
Dreamweaver |
enzobertran
|
|
|
|
|
duvida com onClipEvent
|
Flash & ActionScript |
sofasonico
|
|
|
|
|
Moda de comentar encontros na web surge na Austrália
|
Notícias |
Notícias
|
|
|
|
|
TV paga disputa clientes com maior e menor poder de compra
|
Notícias |
Notícias
|
|
|
|
|
Como abilitar anexo de arquivos no phpBB?
Upload de arquivos |
PHP |
Victor Menezes
|
|
|
|
|
Imagem e texto randômicos
Gostaria de saber como fazer um carregamento randomico de JPG e texto |
Flash & ActionScript |
Julio Verani
|
|
|
|
|
Intel cria "guitarra-computador"
Terra Tecnologia |
Notícias |
TiTi Celestino
|
|
Publicidade
|
|