Re: [css-d] body has a top-margin that I can not figure out

2010-12-29 Thread Greg Wilker 
Subject: Re: [css-d] body has a top-margin that I can not figure out

>
>you should read up on margin -collapsing
>http://www.w3.org/TR/CSS21/box.html#collapsing-margins

    If that proves too daunting, as W3C specifications often are,
<http://complexspiral.com/publications/uncollapsing-margins/> might
be of assistance.

Thank you, Eric & Philippe - that is what I was hoping for.

(time to read now)

- Greg

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] body has a top-margin that I can not figure out

2010-12-29 Thread Eric A. Meyer 

At 9:31 AM +0900 12/29/10, Philippe Wittenbergh wrote:


On Dec 29, 2010, at 2:45 AM, Greg Wilker wrote:


 How come the header is pushing it down if it is "contained" within the
 contain element?


you should read up on margin -collapsing
http://www.w3.org/TR/CSS21/box.html#collapsing-margins


   If that proves too daunting, as W3C specifications often are, 
 might 
be of assistance.


--
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
  -- Martina Kosloff (http://mako4css.com/)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] body has a top-margin that I can not figure out

2010-12-28 Thread Philippe Wittenbergh 

On Dec 29, 2010, at 2:45 AM, Greg Wilker wrote:

> How come the header is pushing it down if it is “contained” within the
> contain element?

you should read up on margin -collapsing
http://www.w3.org/TR/CSS21/box.html#collapsing-margins

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] body has a top-margin that I can not figure out

2010-12-28 Thread Greg Wilker 
From: Chris F.A. Johnson [mailto:ch...@cfajohnson.com] 
Subject: Re: [css-d] body has a top-margin that I can not figure out

On Tue, 28 Dec 2010, Greg Wilker wrote:

>
> Hello Everyone,
>
> I've got a site I am starting on and I can not figure out why there is a
> padding or margin with the container div/element.
>
> http://45minutestonowhere.com/

   There's more than that to worry about:

   <http://t.cfaj.ca/45minutestonowhere.jpg>

   Try this: http://t.cfaj.ca/45minutestonowhere.com



Okay - the text I just "dumped" in, wanting to solve the margin issue first.

This is an opportune example/time for me to learn here, if someone will take
the time to illuminate:

How come the header is pushing the container (it actually looks like the
body element is pushed down) element down?

Isn't the header ID within the container ID? Therefore the header margin
should be in relation to the container DIV, yes?

Sincerely,
Greg

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] body has a top-margin that I can not figure out

2010-12-28 Thread Greg Wilker 
How come the header is pushing it down if it is “contained” within the
contain element?

 

Do I have to do a position relative?

 

inquiring minds,

Greg

 

  _  

From: Germán Martínez [mailto:ger...@martinez.pe] 
Subject: Re: [css-d] body has a top-margin that I can not figure out

 

Hi Greg,

Here's the problem:
#header {
margin: 50px 10px 10px 30px;
}




On Dec 28, 2010, at 12:11 PM, Greg Wilker wrote:

>
> I've got a site I am starting on and I can not figure out why there is a
> padding or margin with the container div/element.
>
> http://45minutestonowhere.com/
>
> I want the background image (container) to be right up to the top of the
> browser.

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] body has a top-margin that I can not figure out

2010-12-28 Thread Chris F.A. Johnson 

On Tue, 28 Dec 2010, Greg Wilker wrote:



Hello Everyone,

I've got a site I am starting on and I can not figure out why there is a
padding or margin with the container div/element.

http://45minutestonowhere.com/


  There's more than that to worry about:

  

  Try this: .

--
   Chris F.A. Johnson, 
   Author:
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] body has a top-margin that I can not figure out

2010-12-28 Thread Alan Gresley 

On 29/12/2010 4:11 AM, Greg Wilker wrote:


Hello Everyone,

I've got a site I am starting on and I can not figure out why there is a
padding or margin with the container div/element.

http://45minutestonowhere.com/

I want the background image (container) to be right up to the top of the
browser.

Thoughts? (I must be missing something very obvious)

- Greg


Yes, the div#header margin-top collapsing through. Try this.

#header {
margin: 0px 10px 10px 30px;
}


--
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] body has a top-margin that I can not figure out

2010-12-28 Thread Chetan Crasta 
As German pointed out, the top margin of div#header is the cause.
Since div#container does not have top padding or a top border, the top
margin of its child (div#header) "collapses" through.

~Chetan
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] body has a top-margin that I can not figure out

2010-12-28 Thread Germán Martínez 
Hi Greg,

Here's the problem:
#header {
margin: 50px 10px 10px 30px;
}




On Dec 28, 2010, at 12:11 PM, Greg Wilker wrote:

> 
> Hello Everyone,
> 
> I've got a site I am starting on and I can not figure out why there is a
> padding or margin with the container div/element.
> 
> http://45minutestonowhere.com/
> 
> I want the background image (container) to be right up to the top of the
> browser.
> 
> Thoughts? (I must be missing something very obvious)
> 
> - Greg
> 
> 
> greg wilker | video/web producer
> 415-388-8200
> 
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



Germán Martínez, UX Designer

http://martinez.pe



__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] body has a top-margin that I can not figure out

2010-12-28 Thread Greg Wilker 

Hello Everyone,

I've got a site I am starting on and I can not figure out why there is a
padding or margin with the container div/element.

http://45minutestonowhere.com/

I want the background image (container) to be right up to the top of the
browser.

Thoughts? (I must be missing something very obvious)

- Greg


greg wilker | video/web producer
415-388-8200

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/