• I added the map image to my site (www.travelbooksasia.com)but now my left and right sidebars are out of position and if you scroll to the bottom of the page the footer doesn’t span the full width of the page.
    I set the with of the top sidebar (where I placed the map image) to a value equal to the width of the left and right sidebars combined but it looks as though it’s still too wide.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You still have some of the problems I mentioned in your other thread on this same question — change the float and the width in this:

    #sidebar-right {
        background: none repeat scroll 0 0 #FCFCFC;
        border: 1px dashed #CCCCCC;
        float: right;
        font-size: 1em;
        margin-left: 14px;
        width: 95px;
    }

    The footer is inside the wrap div — and that is set to 1004px — so it can’t be any wider unless you change the wrap div and that will mess up other things on the page. The banner across the top is actually a background image in the body. Unless you redesign the layout, the footer can’t be as wide as the top banner…

    Thread Starter jrcollins

    (@jrcollins)

    ok thanks, working on it now.

    Thread Starter jrcollins

    (@jrcollins)

    I would like to keep the right and left sidebars at their default settings if possible. I reduced the size of the image but there’s still gaps on either side of the main body of the page. Do I need to move the image to the left?

    You can make that space smaller by changing the width of this:

    #sidebar-top {
        float: right;
        margin-left: 0;
        width: 340px;
    }

    The lower two sidebars are INSIDE the sidebar-top — so changing the above affects them too — so you may have to change some CSS there too.

    You need to learn how to use Firebug so you can look at the CSS code for things like this yourself. It’s not hard to use…

    Thread Starter jrcollins

    (@jrcollins)

    Is there a way to edit the top and left/right sidebars seperately? I just wanted to add the map without changing the position or formatting of the left and right sidebars as I want to keep the theme as close as possible to the original.
    Maybe I need to start over?

    Yes you can control them separately — just use the CSS code specific to each one:

    #sidebar-top

    #sidebar-right

    #sidebar-left

    Firebug is your friend…

    Thread Starter jrcollins

    (@jrcollins)

    ok, getting Firebug now. Thank you, I really appreciate your help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘map image too wide?’ is closed to new replies.