[css-d] Basic CSS Question: Why no background when no height value is defined?

[MEM]

CSS Basic Question: Background Color:

If I quit the height value, I get no background color. Why?

I want a background color, but I don't want the extra bottom space that the
height value gives to me. :s 

How can we have a background without the height?


Here is the code.


.mainlinks#navigation {

position:relative;
width:933px;
margin:0px auto 0px auto;
height:50px; 
background-color:#FF9933;

}

Thanks again,
Márcio

__
css-discuss [EMAIL PROTECTED]
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] Basic CSS Question: Why no background when no height value is defined?

[MEM]

Thanks...
I've but overflow: hidden; (but my nav items disappear). :s

I just wanted to understand why, but I understand that THAT could be a bit
difficult if we don't see all the code and examples...
Anyway, I have put the height value and I was getting a difference on 1px
between IE and FF, but now, (I don't know why) it's ok.

So no problem. Thanks a lot.

Q:How can I had space between li on a ul ?
R:Use the margin value not the padding one. :D
(this is only to stay on the mailing list).



Thanks a lot all, for the help. I now have a nice layout with 3 columns and
a navigation that is ugly, and with redundant CSS code (I'm sure of it), but
it will get better.

Regards,
Márcio

-Original Message-
From: David Laakso [mailto:[EMAIL PROTECTED] 
Sent: sábado, 1 de Novembro de 2008 17:10
To: MEM
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Basic CSS Question: Why no background when no height
value is defined?

MEM wrote:
> CSS Basic Question: Background Color:
>
> If I quit the height value, I get no background color. Why?
>   


Because, I guess,  it "has no layout" (no dimension).


> I want a background color, but I don't want the extra bottom space that
the
> height value gives to me. :s 
>
> How can we have a background without the height?
>
>
> Here is the code.
>
>
> .mainlinks#navigation {
>
> position:relative;
> width:933px;
> margin:0px auto 0px auto;
> height:50px; 
> background-color:#FF9933;
>
> }
>
> Thanks again,
> Márcio
>
>   

Re-set to:

.mainlinks#navigation {
position:relative;
width:933px;
margin:0px auto 0px auto;
height:50px; <- :: delete ::
padding: 0 0 1.75em 0;<- :: add and check with font-scaling
::
background-color:#FF9933;

}




-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] Basic CSS Question: Why no background when no height value is defined?

[David Laakso]

MEM wrote:
>
> Q:How can I had space between li on a ul ?
> R:Use the margin value not the padding one. :D
> (this is only to stay on the mailing list).
>
>
>
> Thanks a lot all, for the help. I now have a nice layout with 3 columns and
> a navigation that is ugly, and with redundant CSS code (I'm sure of it), but
> it will get better.
>
> Regards,
> Márcio
>   




Increase the padding right and padding left on the
ul li a
selector?

PS
Please bottom post.

__
css-discuss [EMAIL PROTECTED]
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] Basic CSS Question: Why no background when no height value is defined?

[Blake]

On Sun, Nov 2, 2008 at 3:21 AM, MEM <[EMAIL PROTECTED]> wrote:
> CSS Basic Question: Background Color:
>
> If I quit the height value, I get no background color. Why?

Try adding:

.mainlinks#navigation { overflow: hidden; }

It sounds like your nav items are floated, and therefore the container
will not explicitly stretch to accommodate them unless you force it
to.

--
Blake Haswell
http://www.blakehaswelll.com/ | http://blakehaswell.wordpress.com/
__
css-discuss [EMAIL PROTECTED]
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] Basic CSS Question: Why no background when no height value is defined?

[David Laakso]

MEM wrote:
> CSS Basic Question: Background Color:
>
> If I quit the height value, I get no background color. Why?
>   


Because, I guess,  it "has no layout" (no dimension).


> I want a background color, but I don't want the extra bottom space that the
> height value gives to me. :s 
>
> How can we have a background without the height?
>
>
> Here is the code.
>
>
> .mainlinks#navigation {
>
> position:relative;
> width:933px;
> margin:0px auto 0px auto;
> height:50px; 
> background-color:#FF9933;
>
> }
>
> Thanks again,
> Márcio
>
>   

Re-set to:

.mainlinks#navigation {
position:relative;
width:933px;
margin:0px auto 0px auto;
height:50px; <- :: delete ::
padding: 0 0 1.75em 0;<- :: add and check with font-scaling ::
background-color:#FF9933;

}




-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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/