div/bg color issue..

hi,

how can I do this so bg colors for divs with paragraphs cover ENTIRE
area of div and not just the content in the div? (like div on the right..)

http://www.mayacove.com/dev/layout.html (contains HTML and CSS..)

both HTML and CSS validate in W3C validators..

thank you..

maya wrote:

how can I do this so bg colors for divs with paragraphs cover ENTIRE
area of div and not just the content in the div? (like div on the right..)

http://www.mayacove.com/dev/layout.html (contains HTML and CSS..)

both HTML and CSS validate in W3C validators..

thank you..

I don't understand your question. You've *got* BG colors for each full
div. I don't see the difference between the gray, right sidebar and any
of the other divs (except, of course, the colors).

--
John
Just because it's called a "period" doesn't mean it has to be periodic.
- or -
What's the dot called that comes *after* the full stop?

maya wrote:

how can I do this so bg colors for divs with paragraphs cover ENTIRE
area of div and not just the content in the div? (like div on the
right..)

http://www.mayacove.com/dev/layout.html (contains HTML and CSS..)

Apparently, #EEEEEE is not a valid colour code. I changed that to
something else, say #FF6A6A, and there is no problem.

You have no default body background color, so I see my default purple.

--
-bts
-Friends don't let friends drive Windows

On 2009-06-17, John Hosking <John (AT) DELETE (DOT) Hosking.name.INVALID> wrote:

maya wrote:

how can I do this so bg colors for divs with paragraphs cover ENTIRE
area of div and not just the content in the div? (like div on the right..)

http://www.mayacove.com/dev/layout.html (contains HTML and CSS..)

both HTML and CSS validate in W3C validators..

thank you..

I don't understand your question. You've *got* BG colors for each full
div. I don't see the difference between the gray, right sidebar and any
of the other divs (except, of course, the colors).

I think he wants the backgrounds to extend all the way down to the blue
footer.

In other words, this is another quest for the "Holy Grail"...

I recommend in approximate order of preference:

1. Stop wanting it
2. Just use a table
3. Use absolute positioning along these lines:
http://www.nrkn.com/3ColEqualPositioned/

Ben C wrote:

On 2009-06-17, John Hosking <John (AT) DELETE (DOT) Hosking.name.INVALID> wrote:
maya wrote:

how can I do this so bg colors for divs with paragraphs cover ENTIRE
area of div and not just the content in the div? (like div on the right..)

http://www.mayacove.com/dev/layout.html (contains HTML and CSS..)

both HTML and CSS validate in W3C validators..

thank you..
I don't understand your question. You've *got* BG colors for each full
div. I don't see the difference between the gray, right sidebar and any
of the other divs (except, of course, the colors).

I think he wants the backgrounds to extend all the way down to the blue
footer.

In other words, this is another quest for the "Holy Grail"...

I recommend in approximate order of preference:

1. Stop wanting it
2. Just use a table
3. Use absolute positioning along these lines:
http://www.nrkn.com/3ColEqualPositioned/

exactly right, you got it.. for each div of three divs across, I need
the bg color to fill ENTIRE area, not just the text....

this is for a very specific request, they don't want tables, and they
want for each of the three divs that the bg color extend to the whole
area of the div.. oh brother..
(how will abs positioning fix the div bg-color issue??)

thank you for your response..

Ben C wrote:

On 2009-06-17, John Hosking wrote:
maya wrote:

how can I do this so bg colors for divs with paragraphs cover ENTIRE
area of div and not just the content in the div? (like div on the right..)

http://www.mayacove.com/dev/layout.html


I don't understand your question. You've *got* BG colors for each full
div. I don't see the difference between the gray, right sidebar and any
of the other divs (except, of course, the colors).

I think he wants the backgrounds to extend all the way down to the blue
footer.

Ah, that's very different. (And speaking of different, I think OP's a she.)

In other words, this is another quest for the "Holy Grail"...

I recommend in approximate order of preference:

1. Stop wanting it
2. Just use a table
3. Use absolute positioning along these lines:
http://www.nrkn.com/3ColEqualPositioned/

Or no absolute positioning (that I have detected) as at
<http://matthewjamestaylor.com/blog/perfect-3-column.htm>


--
John
"Oh, wicked, bad, naughty Zoot! She has been setting alight to our
beacon, which, I've just remembered, is grail-shaped." -Dingo

John Hosking wrote:

Ben C wrote:
On 2009-06-17, John Hosking wrote:
maya wrote:

how can I do this so bg colors for divs with paragraphs cover ENTIRE
area of div and not just the content in the div? (like div on the
right..)

http://www.mayacove.com/dev/layout.html


I don't understand your question. You've *got* BG colors for each
full div. I don't see the difference between the gray, right sidebar
and any of the other divs (except, of course, the colors).

I think he wants the backgrounds to extend all the way down to the blue
footer.

Ah, that's very different. (And speaking of different, I think OP's a she.)


In other words, this is another quest for the "Holy Grail"...

I recommend in approximate order of preference:

1. Stop wanting it
2. Just use a table
3. Use absolute positioning along these lines:
http://www.nrkn.com/3ColEqualPositioned/

Or no absolute positioning (that I have detected) as at
http://matthewjamestaylor.com/blog/perfect-3-column.htm

hmmmmm.. nothing here about bg-color for divs.. I hope it works.. will
check out.. thank you..

maya wrote:

Ben C wrote:
On 2009-06-17, John Hosking <John (AT) DELETE (DOT) Hosking.name.INVALID> wrote:
maya wrote:

how can I do this so bg colors for divs with paragraphs cover ENTIRE
area of div and not just the content in the div? (like div on the
right..)

http://www.mayacove.com/dev/layout.html (contains HTML and CSS..)

both HTML and CSS validate in W3C validators..

thank you..
I don't understand your question. You've *got* BG colors for each
full div. I don't see the difference between the gray, right sidebar
and any of the other divs (except, of course, the colors).

I think he wants the backgrounds to extend all the way down to the blue
footer.

In other words, this is another quest for the "Holy Grail"...

I recommend in approximate order of preference:

1. Stop wanting it
2. Just use a table
3. Use absolute positioning along these lines:
http://www.nrkn.com/3ColEqualPositioned/

exactly right, you got it.. for each div of three divs across, I need
the bg color to fill ENTIRE area, not just the text....

It's a Holy Grail question.

Google: css holy grail 3 column

There's lots of ways to do it. I use a bit of javascript to pad the
shorter columns, but this is a css group so you'll get something more
complex.

At any rate, you won't need tables.


Jeff

this is for a very specific request, they don't want tables, and they
want for each of the three divs that the bg color extend to the whole
area of the div.. oh brother..
(how will abs positioning fix the div bg-color issue??)

thank you for your response..

John Hosking wrote:

Ben C wrote:
On 2009-06-17, John Hosking wrote:
maya wrote:

how can I do this so bg colors for divs with paragraphs cover ENTIRE
area of div and not just the content in the div? (like div on the
right..)

http://www.mayacove.com/dev/layout.html


I don't understand your question. You've *got* BG colors for each
full div. I don't see the difference between the gray, right sidebar
and any of the other divs (except, of course, the colors).

I think he wants the backgrounds to extend all the way down to the blue
footer.

Ah, that's very different. (And speaking of different, I think OP's a she.)


In other words, this is another quest for the "Holy Grail"...

I recommend in approximate order of preference:

1. Stop wanting it
2. Just use a table
3. Use absolute positioning along these lines:
http://www.nrkn.com/3ColEqualPositioned/

Or no absolute positioning (that I have detected) as at
http://matthewjamestaylor.com/blog/perfect-3-column.htm

again, thank you.. examples here
http://www.manisheriar.com/holygrail/index.htm are a bit confusing, he
doesn't include all code.. he includes an image representation of the
layout but not all the code... I copied all the css (the css closest to
the bottom of the page) and created the HTML, but I can't get it to
work.. I wish he would include a full example so we can just grab the
code by doing view src code... (how can all the divs be width:100% when
there supposed to be side-by-side??)

(I take back what I said earlier, he does mention this issue ("Full
length column background colours") here,
http://matthewjamestaylor.com/blog/perfect-3-column.htm, but well, still
would like to see a full working example, with all HTML and CSS code..)

also found this..
http://www.manisheriar.com/holygrail/index.htm
however: I copied all HTML and CSS code, but for some reason it's not
working for me as expected: http://www.mayacove.com/dev/holy-grail.html
I did not change a thing in the HTML or CSS code, yet for me the
bg-colors for the divs are not working..

also here, http://www.nrkn.com/3ColEqualPositioned/, that I found after
running google search Jeff suggested,
but he uses browser-conditionals.. not sure I can use that in my project..

oh brother.. this would be SO MUCH SIMPLER WITH TABLES, sorry, I still
don't get everyone's irrational fear and loathing of tables....

mainly don't get why this http://www.manisheriar.com/holygrail/index.htm
is not working for me... (http://www.mayacove.com/dev/holy-grail.html)

thank you very much..

In article <Cq6dnUbIWJEJ4qTXnZ2dnUVZ_tydnZ2d (AT) giganews (DOT) com>,
maya <maya778899 (AT) yahoo (DOT) com> wrote:

oh brother.. this would be SO MUCH SIMPLER WITH TABLES, sorry, I still
don't get everyone's irrational fear and loathing of tables....

You are right, tables are *much* easier and more reliable cross browser
for col layouts. Not everyone has this fear and loathing. But, important
to note, not everyone is wanting to have columns and full length ones at
that. There are other flexible ways to design.

--
dorayme