..:: MX Studio Fóruns ::..: Problemas com DIV em CSS - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Problemas com DIV em CSS Preciso de ajdua urgente!

#1 User is offline   Rapha Designer 

  • Group: Membros
  • Posts: 18
  • Joined: 08-July 09

  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?
0

#2 User is offline   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?
0

#3 User is offline   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>

Teste aí.

0

#4 User is offline   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!
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




2 User(s) are reading this topic
0 membro(s), 2 visitante(s) e 0 membros anônimo(s)