Solved

CSS Container Div

Posted on 2007-12-02
6
1,579 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

 

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

What Is Transaction Monitoring and who needs it?

Synthetic Transaction Monitoring that you need for the day to day, which ensures your business website keeps running optimally, and that there is no downtime to impact your customer experience.

Question has a verified solution.

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

Using Quotation Marks in PHP This question (http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/Q_28217211.html) seems to come up a lot for developers who are new to PHP.  And it got me thinking, "How can we explain the rule…
If I have to fix slow responding website my first thoughts are server side optimizations: the database may not be optimized or caching is not enabled, or things like that. We often overlook another major part of our web application: the client. We o…
This video teaches users how to migrate an existing Wordpress website to a new domain.
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.

719 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