Solved

CSS Container Div

Posted on 2007-12-02
6
1,569 Views
Last Modified: 2012-06-27
I have a container div that has two children;
Sidebar- floats left (nav buttons)
Main - float right ( main content; extends below sidebar)

I would like to place an image in the lower right corner of the container div.  The bottom of the image would align with the bottom of the main div
My current code:
      #navPic {
      clear: both;
      margin: 0px 0px 0px 0px;
      }
This code puts the top of the image equal to the bottom of the text in the main div.  The result is that I have a lot of empty space below the main div.  Any suggestions?

0
Comment
Question by:svp28
  • 3
  • 3
6 Comments
 
LVL 6

Expert Comment

by:cottsak
ID: 20394237
put this in the css for ur main div

background: #fff url(/path/to/image.jpg) no-repeat bottom right;
0
 

Author Comment

by:svp28
ID: 20400469
The image has to be in the container div.  The image is already at the bottom left.  The problem is I need the bottom of the image to be even with the bottom of the content div.
0
 
LVL 6

Expert Comment

by:cottsak
ID: 20400590
is ur problem in both IE and FF?
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 

Author Comment

by:svp28
ID: 20400702
Yes.

http://www.lesstallguitars.com/intro.htm

I need the image at the bottom of the green box.
0
 

Author Comment

by:svp28
ID: 20400821
I got it by adding another container div

      background: url(images/leftnavguitar.JPG) no-repeat bottom left;
      overflow: hidden;
      width: 100%
      height: 100%;
      margin: 0px 0px 0px 0px;
0
 
LVL 6

Accepted Solution

by:
cottsak earned 50 total points
ID: 20401075
if ur interested i was going to suggest a div under both the sidebar and main divs but inside the container which has the css:
clear:both;
this usually aligns the contained divs to the bottom of the container
0

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

      Install BugTracker on Windows 2008 server Step 1:  Install windows 2008 server 32 bit OS and configure IIS. Step 2:  Install SQL server ( SQL server 2005 or SQL server 2005 Express edition. The installer for 2008  version isn’t very f…
Foreword (May 2015) This web page has appeared at Google.  It's definitely worth considering! https://www.google.com/about/careers/students/guide-to-technical-development.html How to Know You are Making a Difference at EE In August, 2013, one …
Wufoo.com provides powerful tools for surveying targeted groups, and utilizing data from completed surveys to find trends, discover areas of demand or customer expectation, and make business decisions on products or services.
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question