WordPress.org

Forums

Page width using CSS (8 posts)

  1. marzar00
    Member
    Posted 8 years ago #

    G'day
    I am making a new theme for my site and have decided to try this div and css thing that seem all the rage nowdays. I have made most of it, however for some reason the boxes expand past the window edges!

    I think i know where the problem is coming from, however don't know exactly why or what is causing it! Oh I should say where, its in the credit div (one at the base).

    Any help is much appreciated,

    Marzar

  2. Marcel Brinkkemper
    Member
    Posted 8 years ago #

    G'day marzaroo.
    what is the URL of your site?

  3. marzar00
    Member
    Posted 8 years ago #

    http://www.marzar00.finditmax.com/test-theme/index2.php

    In FireFox the credit bar is also in the wrong spot.

  4. Marcel Brinkkemper
    Member
    Posted 8 years ago #

    marzaroo,
    I have just given your site a quick look and noticed that you explicitely name all your classes like contentPanel .contentBox .posttitle
    you don't have to do that. Styles are inherited from containing classes
    a class .contentBox thus describes the diferences in .contentBox compared to .contentPanel
    Also, you are mixing relative width (75%) with fixed width (675px).
    It takes too long to go into detail on your stylesheet but there are a lot of nice css tutorials on the web.
    e.g.: http://www.tizag.com/cssT/index.php
    (I have no connection to this site, it just came up in my search for css tutorials)

  5. marzar00
    Member
    Posted 8 years ago #

    Thanks for the help macbrink. I have made a few changes and i believe I almost have the hang of div and styling. However (there always is a however!), for some reason I get a scroll bar across the base of the page which I can't seem to figure out how to remove. I have looked and there doesn't appear to be anything past it.

    Marzar

  6. Marcel Brinkkemper
    Member
    Posted 8 years ago #

    marzaroo, probably one element of your site is larger than the width of your browser. Only a few pixel may result in the scrollbar.

  7. marzar00
    Member
    Posted 8 years ago #

    Ok, when I placed the credit bar in this occured. However, the credit bar is set at 100% width! Should that not restrict all other parameters?

    Marzar

  8. pbear
    Member
    Posted 8 years ago #

    Sometimes you need to play with the widths. If I set your .wp-admin-bar to width: 99.7% I lose the horizontal scroll bar.

    Site looks nice. Good luck with it. :)

Topic Closed

This topic has been closed to new replies.

About this Topic