[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

CSS Container Div

Posted on 2007-12-02
6
Medium Priority
?
1,585 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
Survive A High-Traffic Event with Percona

Your application or website rely on your database to deliver information about products and services to your customers. You can’t afford to have your database lose performance, lose availability or become unresponsive – even for just a few minutes.

 

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 150 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

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

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

A Change in PHP Behavior with Session Write Short Circuit (http://php.net/manual/en/book.session.php#116217) (Winter 2014)** With the release of PHP 5.6 the session handler changed in a way that many think should be considered a bug.  See the note …
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…
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.

656 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