Need Help with this styling - sidebar issues

Discussion in 'WordPress' started by bbardot, Oct 11, 2010.

  1. #1
    Hi,

    My sidebar on the homepage disappears to the end. I'm tearing my hair out as to why - 3 days now and still can't see why? Can anyone help?

    Here are the 2 sites it's affecting

    Ist site: Everything seems fine in firefox, but sidebar goes to bottom in IE

    Genital Herpes Treatment


    2nd site: sidebar not showing (pushed to end of page) in both Firefox & IE

    Credit Card For Bad Credit People

    All suggestions welcom.

    Thanks in advance
     
    bbardot, Oct 11, 2010 IP
  2. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #2
    This is what I found in the second link (I ain't going near that first one, I'm afraid what I might see ;))

    Edit your theme's stylesheet (style.css) to add a width of 608px to #content. Also, remove the 20px horizontal margins from #sidebar
    
    #content { 
    	background: transparent;
    	display: block;
    	margin-top: 0px;
    	margin-bottom: 20px;
    	margin-left: 0px;
    	margin-right: 0px;
    	float: left; 
    	padding: 0px;
            [COLOR="blue"]width: 608px;[/COLOR]
    	}
    
    #sidebar { 
    	display: block;
    	background: #e1d5c1;
    	color: #000000;
    	width: 190px;
    	float: right; 
    	[COLOR="blue"]margin: 10px 0 20px;[/COLOR]
    	padding: 20px 30px 20px 30px;
    	text-align: left;
    	border: 1px solid #776246;
    	}
    
    Code (markup):
    BTW, the border around your banner image makes it 2px wider than the content box, but it not something to worry about really.
     
    Cash Nebula, Oct 12, 2010 IP
  3. bbardot

    bbardot Peon

    Messages:
    332
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hey thanks for your suggestions I tried it but still get the homepage sidebar pushed down. Any more suggestions??
     
    bbardot, Oct 20, 2010 IP
  4. bbardot

    bbardot Peon

    Messages:
    332
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hey Casg, deleted the internet cache and reloaded it and it works! for the 2nd one. Any help for the first?

    Thanks very much!
     
    bbardot, Oct 20, 2010 IP
  5. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You're welcome, but I really don't want to see what is behind that first URL :p
    It sounds like the same problem again, where the content is too wide for the sidebar to fit alongside it.
    Try reducing the widths of the content and sidebar, and also the horizontal margins and paddings if you need to.
     
    Cash Nebula, Oct 21, 2010 IP
  6. ajayto

    ajayto Peon

    Messages:
    190
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    working fine..

    thanks
     
    ajayto, Oct 21, 2010 IP