Problem with site width and sidebar position

  • roxanacaz

    (@roxanacaz)


    15 years, 5 months ago

    Hi.

    I have the Triathlon theme installed. I modified it to suit my needs. So, I created a new side bar on the left of the page.

    See my site here.

    The problem is that on a 1024 x resolution the width of the site looks ok, but on higher resolutions it’s messed up – it looks screen wide, but with a big space between content and the right sidebar.

    Plus, in sidebar 3 (the one I added on the left), after the widgets I put here, appear the widgets from sidebar 2, too.

    I’m not sure I explained this right, I’m new to wp, but hopefully some one can understand and maybe help. Please!

    If I need to provide more info just tell me! I tried looking for an answer in the forums, but I couldn’t and I’m not sure which search terms to use for these 2 problems.

    Thank you so much!

Viewing 3 replies - 1 through 3 (of 3 total)
  • krembo99

    (@krembo99)

    15 years, 5 months ago

    you have a non declared DIV on your page.
    Probably you have deleted some CSS line (a big No-NO to someone who does not really know css 🙂 )

    so add this line to your css , at the top (below #box)

    #page{ width: 70%; margin-right: auto; margin-left: auto;}

    This will make your page fluid (you can change %% if you want) . however your header (and other parts ) are defined at 990px (why ??)
    So if you want , you can add the following line instead :
    #page{ width: 990px; margin-right: auto; margin-left: auto;}

    you can also add the same properties to your main body like so :

    #body { font-family: Arial, Verdana, Helvetica; font-size: 12px; background: #ffffff repeat-y top center; width: 990px; margin-right: auto; margin-left: auto;}

    but it will still leave undeclared DIVs ..

    Thread Starter roxanacaz

    (@roxanacaz)

    15 years, 5 months ago

    Thank you for our help.
    Unfortunately, it didn’t work… The missing di could have been because of the footer – I saw that the theme had a coded footer – I changed it and nothing.
    I added the line of code you gave me and still nothing…
    As for the 990 width, well, the original theme file had 1000 and I chose 990 just because the main site was set this way.

    Any other ideas or should I just begin working with another theme?

    krembo99

    (@krembo99)

    15 years, 5 months ago

    strange , it worked for me here …
    what browser are you using ?
    (probably IE – if so, you need some small css hack for centering IE )

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem with site width and sidebar position’ is closed to new replies.