Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bianca Marcondes

aninhar css

Por , em Desenvolvimento frontend

Recommended Posts

Bianca Marcondes    0

Bianca Marcondes
Postado

olá a todos,estou começando a estudar css mas empaquei num negócio q não estou conseguindo resolver/entender. Se alguém puder me ajudar serei muito grata!estou tentando fazer um site básico, só para estudo mesmo. Abaixo o código do arquivo css que estou fazendo:

body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: verdana, arial, helvetica, sans-serif; color: #ccc; background-color: #333; text-align: center; }#top { margin: 0 auto; width:750px; padding: 10px; border: 0px; background: #fff; height: 180px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; height: 180px; background: #000000 url("003/logo.jpg")  no-repeat; }#middle { padding: 10px; border: 0px; background: #fff; margin: 0 auto; width:750px; }#content2 { float: left; padding: 10px 2% 10px 2%; margin: 20px 1% 20px 2%; background: #666; border: 5px solid #ccc; width: 44%; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 41%; }html>body #content2 { width: 41%; /* ie5win fudge ends */ }#content3 { float: right; padding: 10px 2% 10px 2%; margin: 20px 2% 20px 1%; background: #666; border: 5px solid #ccc; width: 44%; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 41%; }html>body #content3 { width: 41%; /* ie5win fudge ends */ }

aí o arquivo html:

<body><div id="top"></div><div id="middle"><div id="content2">1</div></div></body></html>

Meu problema é o seguinte: quando eu coloco essa div de content2 o background da div middle (que no caso é branco) não engloba a div content2, ou seja a content2 fica com o background do body... (álias esse erro ocorre no firefox, no internet explorer o fundo branco continua...)bom, não sei se soube me explicar...agradeço a atenção de todos desde já!abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito