Comunidad de diseño web y desarrollo en internet online

porque hace el margin

Citar            
MensajeEscrito el 08 Dic 2011 04:48 am
porque el margin-top de article no funciona como debe ser, pork al ponerlo me deberia separa la caja interior con la exterior pero lo k hace es separar las dos cajas espero k me deje entender

Código HTML :

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Musica Actual</title>
<style type="text/css">
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}
section ,header ,article ,footer{margin:0; padding:0; display:block;}
#cp{width:200px; height:300px; background:#00FF00;}
article{width:190px; height:200px; background:#FF0000; margin-top:5px;}
</style>
<body>
<header>

</header>
<section id="cp">
 <article></article>
 </section>
</body>
</html>

Por Crhis-1610

33 de clabLevel



 

chrome
Citar            
MensajeEscrito el 13 Dic 2011 02:13 am
Acabo de ver tu codigo y veo que solamente se separa “article”.
Talvez estas confundiendo la separacion de id="cp" por que tienes <header></header> con fondo blanco, lo cual al visualizar tu proyecto se ve esta separacion
suerte


Por metalorgia

53 de clabLevel



Genero:Masculino  

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.