Ir para conteúdo

POWERED BY:

Arquivado

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

vonzuben

[Resolvido] Isso nunca vi

Por , em Desenvolvimento frontend

Recommended Posts

vonzuben    12

vonzuben
Postado

colocando comentario no css aparece o fundo no site e se tirar some

Outra coisa, veja que no CSS tenho um header com o background com a cor verde #0C0, pois ela somente vai aparecer se eu colocar no lugar aonde esta o comentário <!--aqui--> e alinhar o service box no centro

 

<!DOCTYPE html>
<html lang="br">
<head>

<!-- Base -->
<meta charset="UTF-8"/>
<title>Untitled Document</title>
<style type="text/css">
html, body { margin: 0; padding: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; background: #BED; }
section#header, section#footer { width: 100%; height: 290px; }
section#main { width: 100%; height: 100%; }
<!--aqui-->
section#header { background: #F00; } 
section#main { background: #FF0; } 
section#footer { background: #03F; }

header, article#container, footer { margin: 0 auto; }
<!--cabecalho-->
header { width: 960px; height: 290px; background: #0C0; }
article#container { width: 960px; height: 100%; background: #FFF; }
footer { width: 960px; height: 290px; background: #FF0; }

#service .box { float: left; width: 300px; height: 258px; background: #0AF; text-align: center; margin: 10px; }
#service .box .box-text { padding: 20px; }
</style>
</head>

<body>
<section id="header">
<header>Topo</header>
</section>
<section id="main">
<article id="container">
<section id="service">
   	<div class="box">
           <div class="box-text">
           <h3>Layout Personalizado</h3>
           <p>Soluções de desenvolvimentode site grátis Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>
           </div>
       </div>
   </section>
</article>
</section>
<section id="footer">
<footer>Rodape</footer>
</section>
</body>
</html>

 

esquece apaga o post, pois estou colocando errado rss é /*cabecalho*/

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