Connecting Tech Pros Worldwide Help | Site Map

How to let the height of a div grow automatically with the height ofanother div?

 
LinkBack Thread Tools Search this Thread
  #1  
Old June 27th, 2008, 07:19 PM
Author
Guest
 
Posts: n/a
Default How to let the height of a div grow automatically with the height ofanother div?

I am new to CSS and I posted this question to the
macromedia.dreamweaver newsgroup yesterday, but unfortunately no one
seems to have a clue. At least no one has responded. So, I am
posting it here and see if I will get any luck.

I have a left div, which contains the navigation menu items, and a
right div, which is the main content area.

I set a background image (repeat-y) for the left div through css's
background: url property.

Now, I want to let the left div grow automatically along with the
right div such that the background image won't stop half way down the
page.

I created a screen shot to illustrate this problem. See below.

http://gnewsgroup.googlepages.com/cssdivheight

Any good idea? Thank you.

  #2  
Old June 27th, 2008, 07:19 PM
Chris F.A. Johnson
Guest
 
Posts: n/a
Default Re: How to let the height of a div grow automatically with the height of another div?

On 2008-06-23, Author wrote:
Quote:
I am new to CSS and I posted this question to the
macromedia.dreamweaver newsgroup yesterday, but unfortunately no one
seems to have a clue.
That's why they use Dreamweaver.
Quote:
At least no one has responded. So, I am
posting it here and see if I will get any luck.
>
I have a left div, which contains the navigation menu items, and a
right div, which is the main content area.
>
I set a background image (repeat-y) for the left div through css's
background: url property.
>
Now, I want to let the left div grow automatically along with the
right div such that the background image won't stop half way down the
page.
>
I created a screen shot to illustrate this problem. See below.
>
http://gnewsgroup.googlepages.com/cssdivheight
Post a URL so that we can see the code.

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
  #3  
Old June 27th, 2008, 07:19 PM
David Stone
Guest
 
Posts: n/a
Default Re: How to let the height of a div grow automatically with the height of another div?

In article <58348$486006cb$cef88ba3$25596@TEKSAVVY.COM>,
"Chris F.A. Johnson" <cfajohnson@gmail.comwrote:
Quote:
On 2008-06-23, Author wrote:
Quote:
I am new to CSS and I posted this question to the
macromedia.dreamweaver newsgroup yesterday, but unfortunately no one
seems to have a clue.
>
That's why they use Dreamweaver.
The original poster's scenario (two columns with equal height)
is a very common one; maybe they're all waiting for someone else
to respond.
Quote:
Quote:
At least no one has responded. So, I am
posting it here and see if I will get any luck.

I have a left div, which contains the navigation menu items, and a
right div, which is the main content area.

I set a background image (repeat-y) for the left div through css's
background: url property.

Now, I want to let the left div grow automatically along with the
right div such that the background image won't stop half way down the
page.

I created a screen shot to illustrate this problem. See below.

http://gnewsgroup.googlepages.com/cssdivheight
You can't do this easily with just the two divs (left and right).
You could wrap both in a containing div, and put the background
image on that with repeat-y and no horizontal (x) repeat.

If you (original poster) search for two-column equal height, you'll
probably find lots of other suggestions...
  #4  
Old June 27th, 2008, 07:19 PM
Bergamot
Guest
 
Posts: n/a
Default Re: How to let the height of a div grow automatically with the heightof another div?


David Stone wrote:
Quote:
>
The original poster's scenario (two columns with equal height)
is a very common one; maybe they're all waiting for someone else
to respond.
Or maybe they're tired of the same questions over and over again. I know
I am. This one comes up repeatedly. It's been answered repeatedly, too.

It boggles the mind how people can figure out how to post to a
newsgroup, but can't figure out how to search the group archives,
*especially* when they're posting through google groups. :-\

--
Berg
  #5  
Old June 27th, 2008, 07:19 PM
Author
Guest
 
Posts: n/a
Default Re: How to let the height of a div grow automatically with the heightof another div?

On Jun 23, 6:02 pm, Bergamot <berga...@visi.comwrote:
Quote:
David Stone wrote:
>
Quote:
The original poster's scenario (two columns with equal height)
is a very common one; maybe they're all waiting for someone else
to respond.
>
Or maybe they're tired of the same questions over and over again. I know
I am. This one comes up repeatedly. It's been answered repeatedly, too.
>
It boggles the mind how people can figure out how to post to a
newsgroup, but can't figure out how to search the group archives,
*especially* when they're posting through google groups. :-\
>
--
Berg
Thank you very much for your hint. I did search around, but sometimes
if you don't know the key words to search, you'll have bad luck in
searching. For example, I am new to CSS, and I don't even know what
this concept is called. David Stone has nicely suggested search key
words which is absolutely helpful. Thanks a lot David.

Once my electric garbage disposal sink went bad, but at that time, I
did not know what this stuff is called. And I wanted to buy a part to
replace this thing. I wanted to do a google-search, but did not know
what key words to use, although I consider myself a good googler.

Let me search for two columns equal height and see what happens.
  #6  
Old June 27th, 2008, 07:19 PM
dorayme
Guest
 
Posts: n/a
Default Re: How to let the height of a div grow automatically with the height of another div?

In article
<6ad56086-5c7f-463b-bf87-909f06775369@8g2000hse.googlegroups.com>,
Author <gnewsgroup@gmail.comwrote:
Quote:
I am new to CSS and I posted this question to the
macromedia.dreamweaver newsgroup yesterday, but unfortunately no one
seems to have a clue. At least no one has responded. So, I am
posting it here and see if I will get any luck.
>
I have a left div, which contains the navigation menu items, and a
right div, which is the main content area.
>
I set a background image (repeat-y) for the left div through css's
background: url property.
>
Now, I want to let the left div grow automatically along with the
right div such that the background image won't stop half way down the
page.
>
I created a screen shot to illustrate this problem. See below.
>
http://gnewsgroup.googlepages.com/cssdivheight
>
Any good idea? Thank you.
You might get some ideas from:

<http://netweaver.com.au/floatHouse/page10.html>

--
dorayme
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Popular Articles

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 220,989 network members.