GAH frustration

Discussion in 'CSS' started by veckd, Dec 17, 2007.

  1. #1
    Idk why I cant figure it out, but this doesn't display right in ie6 and idk why:
    http://www.skatepage.net/wordpress/wptest/wordpress/index.php?wpadmintheme=spill

    here is the code effecting the right sidebar:
    .box{background:#CBEAF8 url(side.png) no-repeat top;padding:0px;}
    .box .inner{padding:0 2px;margin:6px 0 0 0;border-left:15px solid #0E6FC5;border-right:15px solid #0E6FC5;}
    
    Code (markup):
    <div class="box"><div class="inner">content</div></div>
    Code (markup):

     
    veckd, Dec 17, 2007 IP
  2. 3vo

    3vo Peon

    Messages:
    113
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try

    float: right; if that don`t work try

    clear: both; if that don`t work try

    float: right;
    clear: both;
     
    3vo, Dec 17, 2007 IP
  3. veckd

    veckd Peon

    Messages:
    1,065
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #3
    unfortunately that didn't work, but thanks for the try...any more ideas?
     
    veckd, Dec 17, 2007 IP
  4. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #4
    Methinks you should add another container after <div class="box"> and make an image that replicates both left and right borders of 15 pixels, and then get rid of the borders on the #inner element.
     
    soulscratch, Dec 17, 2007 IP
    veckd likes this.
  5. veckd

    veckd Peon

    Messages:
    1,065
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #5
    THANK YOU!!! +rep
     
    veckd, Dec 17, 2007 IP
  6. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #6
    http://soulscratch.com/for-others/veckd/

    If you didn't already fix it..
    Removed your IE CC code. I'm not sure exactly how you cut your images so they may be off by a few pixels here and there. I don't even know why a percentage width was set on #right if the container is fixed pixels.
    This was like a 15 min hack job, not one of deathshadow's/Dan Schulz rewrites... sorry about the code not being all pretty :)
     
    soulscratch, Dec 17, 2007 IP