On Jul 13, 2012, at 9:04 PM, Philippe Wittenbergh wrote:
> Indeed it is what I thought...When the parent element (#header in your case)
> has no border and no padding, the top/bottom margins of the child block-level
> element merge with the margins of the parent block and/or or the top/bottom
Le 14 juil. 2012 à 12:39, John a écrit :
> On Jul 13, 2012, at 8:19 PM, Philippe Wittenbergh wrote:
>
>> You'll need to give some more information…
>
> Here is a link to the html file:
>
> http://coffeeonmars.com/testing/start.html
>
> ah..seems I DO have block-level content, but why does tha
Le 14 juil. 2012 à 11:25, John a écrit :
> Why is #1 twice as high as #2? Thank you! John
>
> #1:
> #header{
> margin:30px auto;
> width:1024px;
> height:auto;
> border-radius:5px;
> background-color:silver;
> border: 1px solid black; /* this one has a 1px
I've isolated every part of my code and it seems that adding a 1px border is
the cause of making the height jump...
Why is #1 twice as high as #2? Thank you! John
#1:
#header{
margin:30px auto;
width:1024px;
height:auto;
border-radius:5px;
background-col