SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast spacebass5000's Avatar
    Join Date
    Jun 2000
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with div overflow

    I'm having some problems with my css layout. I'm losing a portion of my navigation module when I nudge it left by -10px. Take a look at this image:



    The markup is as such:
    Code:
    #content_outer
      {
      	margin: 0px;
      	padding: 0px;
      	float: none;
      }
      
      #content_inner
      {
      	/*width: auto;*/
      	padding: 0px;
      	margin-top: 10px;
      	margin-bottom: 10px;
      	margin-left: 10px;
      	margin-right: 5px;
      	border: 1px solid #ff0000;
      }
    The navigation module's markup is as such:
    Code:
    #listing_info
      {
      	float: left;
      	border-top: 1px solid #ccc;
      	border-right: 1px solid #ccc;
      	margin-left: -10px !important;
      	margin-left: -15px;
      	width: 130px;
      }
    I am utilizing an unordered list to make the links look snappy but I don't think that matters here.

    My question to you is, how do I make it such that I don't lose the left portion of my navigation menu as depcited in the above image?
    wtf, SitePoint rocks!

    Great hosting I use and recommend:
    LW | HG


  2. #2
    SitePoint Enthusiast spacebass5000's Avatar
    Join Date
    Jun 2000
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    bumping b/c i still haven't figured it out
    wtf, SitePoint rocks!

    Great hosting I use and recommend:
    LW | HG


  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I'd need to see the whole code to give an exact answer but try adding position:relative to the #listing_info style to force a stacking context.

  4. #4
    SitePoint Enthusiast spacebass5000's Avatar
    Join Date
    Jun 2000
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    haha! that is actually what I just did. I should have checked back sooner.

    Regardless, I appreciate the help. I ended up using:

    position:relative;
    left: -10px !important;
    left: -15px;

    and then tweaking it a bit.

    thanks!
    wtf, SitePoint rocks!

    Great hosting I use and recommend:
    LW | HG



Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •