WordPress.org

Forums

Centering issues with IE (5 posts)

  1. michellecoop
    Member
    Posted 6 years ago #

    Does anyone know what might cause the formatting errors (in IE everything is shifted to the left at this link for room B and room C, but fine with room A. In Firefox, everything is centered the way it should be, but a line at the tops of room b and room c comes up, which I can deal with...but can't deal with the misalignment in IE. Bleh...IE...

    Each theme (for room a, room b, and room c) is the same with the exception of a different header and the color theme. All I did for the other two themes was copy from room a's theme so I can't understand why everything goes to the left on room b and room c.

  2. roniewp
    Member
    Posted 6 years ago #

    Hi Michelle,

    I also encountered that problem. Try to put a #wrapper to the page,

    and in your css:

    #wrapper{
    margin: 0 auto;
    }

    anyway michelle can I know how do you change your theme in every pages?

    thank you so much!

  3. michellecoop
    Member
    Posted 6 years ago #

    Do I just add #wrapper to page.php? I don't know much about how to add #wrapper. When you say css, do you mean style.css?

    It will probably be evident by how I 'tried' to do the pages below, that I don't know what i'm doing...hehe, but here goes...

    I have to say, again, that I don't understand much about CSS or php or WordPress. I bought the software Artiseer to design those different pages. I made 4 themes. I have a main one named YokoCo-op. And the others, I named rooma, roomb and roomc. I nested the different rooms under the Yoko one...My directory structure is \themes\YokoCo-op\rooma and \themes\YokoCo-op\roomb and finally \themes\YokoCo-op\roomb. Under the \themes\YokoCo-op, I created a few files from what I was reading on these forums and on the WordPress documentation. I created page themes for each room. I also made header.php files for each room. These six files are under the yokoco-op folder. The rooma-header.php file contains the location of the style.css (the line of code specifying that is: <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/rooma/style.css" type="text/css" media="screen" /> Anyway, I did this for each room. Also, I have rooma.php (which is the page theme that contains the code: `<?php
    /*
    Template Name: rooma
    */
    ?>
    <?php include ('rooma-header.php'); ?>` I asked on the forums for help and someone mentioned to try putting that php include statement there that points to my header....that points to the location of the style.css ....

    hehe, am I losing anyone yet, cause I am lost...haha.

    Anyway, it was hours upon hours of playing around with stuff until I finally got it to work... (when I put the page template in the yokocoop folder, I got the option of applying a certain page theme to the page I wanted to apply it to).

    Now my only issue is the centering...It's frustrating, cause the coding, the style page...it's all the same, with the only difference of the colors and the header.

    I'm ready to tell the preschool peeps i'm doing this for (volunteer work) that I cannot figure it out...and they might just have to go with one theme completely. But i'm still trying to figure it out...and elicit help from you great peeps here :)

    I hope this showed you how much I don't know what i'm doing heheheh, but hope you sort of followed what I was trying to say above.

    Thanks for reading. :) If you have any other specifics on how I did it, i'll try to explain better when I have more time...have a good night. :)

  4. drewactual
    Member
    Posted 6 years ago #

    about the wrapper..

    you can do it that way which works and there are no issues with doing so.. you simply open a div id =wrapper just below the body tag in the header.php, and add a /div right before your /body in your footer.php.

    you then assign some values to the #wrapper declaration in your css.

    before you try that though, try adding a width to your body declaration in your style.css. then dump the 0. in other words:

    replace this:

    body {
      margin: 0 auto;
      padding: 0;
      font-size: 62.5%; /* Resets 1em to 10px */
      font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
      background-color: #49525B;
      color: #829BB0;
    }

    with this:

    body {
      width: 80%; /*or play with it to find right fit*/
      margin: auto;
      padding: 0;
      font-size: 62.5%; /* Resets 1em to 10px */
      font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
      background-color: #49525B;
      color: #829BB0;
    }

    good job on the page/theme!!

  5. michellecoop
    Member
    Posted 6 years ago #

    hehe, thanks, I'll mess with it when I get more time :) Sorry, but here are a few more questions. Thank you all soo much for my ignorance here, but making mistakes...hehe I am learning. I assume that I'd mess with the one in the header files of my different room files, correct? Not the main header.php under yokoco-op??? I guess it would make sense to only mess around with the roomb-header.php and roomc-header.php since they are the two pages I'm having issues. I wonder if I need to edit the header.php file under each theme (/themes/YokoCo-op/roomb and /themes/YokoCo-op/roomc. Should I do each file (rooma-header.php, roomb-header.php and both header.php's) under each theme?

    I hope to become more knowledgeable about what i'm doing, eventually...hehe. Instead of spending hours with something and going insane when something like that could have probably taken me less than an hour.

    I appreciate the kudos though. :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.