Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3

Thread: Sidebar help

  1. #1
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Sidebar help

    On my site http://kellz.freehostia.com

    I have tried to put some google ads in a sidebar on the right hand side. They appear fine but the content of the main page then starts at the bottom of the google adds.

    I was wondering if anyone could help me so that the content of the main page runs alongside the ads.

    The CSS is

    Code:
    /* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.
    
    Version: 1.1, November 28, 2005 */
    
    /**************** Page and tag styles ****************/
    
    body
    {margin:0; padding:0; color:#303030; background:#fafafa url(img/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}
    
    ul
    {list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}
    
    li
    {margin:0 0 8px 25px;}
    
    a
    {color:#E3170D; font-weight:bold; text-decoration:none;}
    
    a:hover
    {color:#8B0000; text-decoration:underline;}
    
    img
    {float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:1px solid #E3170D;}
    
    a img
    {border-color:#E3170D;}
    
    a img:hover
    {background:#8B0000; border-color:#8B0000;}
    
    /**************** Sidebar area styles ****************/
    
    #sidebar
    {position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; text-align:right;}
    
    #sidebarright {
    width:220px;
    height:100%;
    float:right;
    position:relative;
    }
    
    body > #sidebar
    {position:fixed;}
    
    #sidebar h1
    {margin:20px 18px 0 5px; color:#E3170D; font-size:1.6em; letter-spacing:-2px; text-align:right;}
    
    #sidebar h2, #sidebar h3
    {margin:0 20px 18px 5px; color:#8B0000; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}
    
    #sidebar h3
    {margin:20px 18px 4px 5px; color:#E3170D;}
    
    #sidebar  p
    {margin:0 20px 18px 5px; color:#DEDEDE; font-size:0.8em;}
    
    #sidebar a
    {color:#808080}
    
    /**************** Navigation menu styles ****************/
    
    #menu a
    {display:block; width:202px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; font-size:1.8em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}
    
    #menu a:hover
    {color:#303030; background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;}
    
    #menu a.active
    {padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}
    
    #menu a.active:hover
    {color:#505050; background:#fafafa;}
    
    /**************** Content area styles ****************/
    
    #content
    {width:520px; margin:0 0 0 240px; padding:20px 0; background:#fafafa;}
    
    #content p
    {margin:0 0 20px 0; line-height:1.5em;}
    
    #content h1
    {margin:0; color:#E3170D; font-size:4em; letter-spacing:-5px; text-align:center;}
    
    #content h2
    {margin:0; color:#8B0000; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}
    
    #content h3
    {clear:both; margin:30px 0 10px 0; color:#E3170D; font-weight:normal; font-size: 2em; letter-spacing:-2px;}
    
    #content h4
    {clear:both; margin:30px 0 10px 0; color:#E3170D; font-weight:normal; font-size: 2em; letter-spacing:-2px;}
    Thanks for any help

  • #2
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    Put

    Code:
    float: right;
    on #content.

  • #3
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Jutlander View Post
    Put

    Code:
    float: right;
    on #content.
    Thanks a lot, that's worked!


  •  

    Posting Permissions

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