hello,

I have just started styling website, when I discovered that the content section appears shorter than header, both given the same width of 980 pixels.

http://robertjezyk.com/portfolio.html

I appreciate any explanation of that fact.

cheers

header { -moz-box-shadow: 0 0 5px #FFFFFF inset; background-color: #F1F1F1; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; height: 100px; margin-bottom: 20px; padding: 10px 15px; width: 980px;}

#content { -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0 0 5px #FFFFFF inset; background-color: #F1F1F1; border: 1px solid #CCCCCC; font-family: Arial,Helvetica,sans-serif; height: auto; padding-bottom: 10px; padding-top: 20px; width: 980px;}

 

That is, #header has padding-left and padding-right width 15px while #content - 0.

 

 

header { -moz-box-shadow: 0 0 5px #FFFFFF inset; background-color: #F1F1F1; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; height: 100px; margin-bottom: 20px; padding: 10px 15px; width: 980px;}

#content { -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0 0 5px #FFFFFF inset; background-color: #F1F1F1; border: 1px solid #CCCCCC; font-family: Arial,Helvetica,sans-serif; height: auto; padding-bottom: 10px; padding-top: 20px; width: 980px;}

 

That is, #header has padding-left and padding-right width 15px while #content - 0.

 

Works well now,

cheers

Edited July 12, 201115 yr by hedgehog34