by jbrsd1
14 replies
  • WEB DESIGN
  • |
One of my websites - out of the blue the pages started shifting to the left..the posts are ok. it's only happening to the pages
any idea what I can check out to get it right.

tomreilylandscape

Thanks for any help

John

It's .com...I can't post links
#website
  • Profile picture of the author leppozdrav
    open up your styles.css

    edit the following
    #contentmain {
    margin: auto; // => edit it to margin: center;
    width: 909px;
    }

    Hope this will work!
    {{ DiscussionBoard.errors[4416908].message }}
  • Profile picture of the author dsouravs
    margin: 0 auto;
    Signature

    I can convert your Non-Responsive website to Responsive website ... How sweet is that? :)

    {{ DiscussionBoard.errors[4417132].message }}
  • Profile picture of the author Cwantwm
    in style.css on line 860

    Code:
    #bgg {
    background-color: #020400;
    background-image: url(images/bg.jpg);
    width: 909px;
    background-repeat: no-repeat;
    margin: 0px auto;
    that will centre things up for the site as it stands when i just looked at it (problem seems different to when you first posted)

    margin: center
    center is not a valid value for a margin attribute, see the CSS specification at the w3c site
    {{ DiscussionBoard.errors[4417195].message }}
  • Profile picture of the author pronoun
    If you are viewing in IE, it doesn't work with margin: auto.
    I had the same problem recently when I was making a nwe site from scratch, I found the answer here for it not working in IE;
    Margin auto doesn't work in IE? CSS forum at WebmasterWorld
    Hope this helps!
    Signature

    I heard you like sigs.
    So I built a sig in your sig,
    So I can sig while you sig.

    {{ DiscussionBoard.errors[4422501].message }}
    • Profile picture of the author jbrsd1
      [DELETED]
      {{ DiscussionBoard.errors[4556326].message }}
      • Profile picture of the author stephaniek
        Hi,

        It is a CSS problem. You have some styles for your posts are not also on your pages.


        .post {
        overflow: visible;
        margin-left: 4px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 40px;
        background-repeat: no-repeat;
        float: left;
        padding-left: 10px;
        width: 545px;
        }
        Signature

        Woman: How much do I owe you for the sketch?
        Picasso: 5000 francs.
        Woman: But it only took you 5 minutes!
        Picasso: No madam, it took me all my life.

        {{ DiscussionBoard.errors[4556470].message }}
        • Profile picture of the author jbrsd1
          So is there something I need to add so the pages come out right?

          Hi,

          It is a CSS problem. You have some styles for your posts are not also on your pages.


          Quote:
          .post {
          overflow: visible;
          margin-left: 4px;
          padding-top: 0;
          padding-right: 0;
          padding-bottom: 40px;
          background-repeat: no-repeat;
          float: left;
          padding-left: 10px;
          width: 545px;
          }
          {{ DiscussionBoard.errors[4567714].message }}
          • Profile picture of the author stephaniek
            Originally Posted by jbrsd1 View Post

            So is there something I need to add so the pages come out right?

            }
            Yes, the styles for the div with the class 'post' should also apply to the div with the class 'page'

            In your styles.css add a comma after '.post' and add '.page' like so...

            .post, .page {
            overflow: visible;
            margin-left: 4px;
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 40px;
            background-repeat: no-repeat;
            float: left;
            padding-left: 10px;
            width: 545px;
            }

            That should do it.
            Signature

            Woman: How much do I owe you for the sketch?
            Picasso: 5000 francs.
            Woman: But it only took you 5 minutes!
            Picasso: No madam, it took me all my life.

            {{ DiscussionBoard.errors[4570246].message }}
            • Profile picture of the author jbrsd1
              Originally Posted by stephaniek View Post

              Yes, the styles for the div with the class 'post' should also apply to the div with the class 'page'

              In your styles.css add a comma after '.post' and add '.page' like so...

              .post, .page {
              overflow: visible;
              margin-left: 4px;
              padding-top: 0;
              padding-right: 0;
              padding-bottom: 40px;
              background-repeat: no-repeat;
              float: left;
              padding-left: 10px;
              width: 545px;
              }

              That should do it.
              Freakin-aye stephaniek - Thanks a million!!!!!!
              {{ DiscussionBoard.errors[4590307].message }}
  • Profile picture of the author webexpert00
    Like everybody else said above, you need to check your CSS file, sometimes due to some minor changes in the objects configuration our site looks weird so it's better to check it out from there.
    {{ DiscussionBoard.errors[4422716].message }}
  • Profile picture of the author jbrsd1
    Sorry I've been away...
    Thanks for all your suggestions.
    I tried all of thems and none of them worked. I did load up the default WordPress theme, without activating, and the pages are ok. so obviously something is wrong with theme. I also tried deactivating any recent plug-ins I added to no avail. I hate to change the theme cause it'll be a lot of work getting the new theme setup.
    {{ DiscussionBoard.errors[4556361].message }}
  • Profile picture of the author K Meier
    If you want proper help, you would need to send us the link to your website so we can have a look at your actual CSS sheet.
    {{ DiscussionBoard.errors[4566690].message }}
    • Profile picture of the author jbrsd1
      tomreilylandscape dot com

      I'm just trying to help my brother with his site.
      {{ DiscussionBoard.errors[4567703].message }}
  • Profile picture of the author stephaniek
    Quite welcome! Site is looking great.
    Signature

    Woman: How much do I owe you for the sketch?
    Picasso: 5000 francs.
    Woman: But it only took you 5 minutes!
    Picasso: No madam, it took me all my life.

    {{ DiscussionBoard.errors[4605443].message }}

Trending Topics