WordPress.org

Ready to get started?Download WordPress

Forums

My website looks different On other computers,WHY? (18 posts)

  1. keysuuh
    Member
    Posted 3 years ago #

    I've read that it might be the screen resolution.
    &I understand how that goes but,
    other sites designs are positioned exactly where they'd like it to be.
    but the text just appears smaller or whatever in different resolutions.

    is there anything I can do to fix this?

  2. keysuuh
    Member
    Posted 3 years ago #

    here is my site :
    http://imkeysa.com/

    I'm on my mum's pc at the moment and it looks how i want it to.
    but when I go to my house the whole layout is positioned to the far left...instead of in the middle which is how I originally had it.
    *sigh*

  3. anujasha9
    Member
    Posted 3 years ago #

    hi do like this. I'm writing this hoping that you know little bit of css.
    Edit your style.css code as follows. (find the #page and #top id's and replace them.
    #page { margin:auto; width: 910px;}
    #top {
    border-top: 5px solid #000000;
    height: 100px;
    position: fixed;
    top: 0;
    width: 910px; margin:auto;
    }
    (take a backup of your style.css file before doing changes. always a good practice if you are a budding developer)

  4. keysuuh
    Member
    Posted 3 years ago #

    I did exactly that. I wasn't able to do a backup of my style.css
    But I was wondering why my li and ul text went back to their default with the bullets on the side. I had them normally set without a bullet.
    also, the footer at the bottom had a colored background, now it has no color at all, but i still have the code there though.
    I'm a newbie, I'm sure you can tell.
    So I don't know what I can do to fix it -__-

  5. keysuuh
    Member
    Posted 3 years ago #

    &my footer usually is automatically at the bottom no matter how many posts I have. but now it seems to be staying underneath the recent comments. &I don't want that :/

  6. keysuuh
    Member
    Posted 3 years ago #

    One last thing,
    my custom fonts don't work.
    the top links are suppose to be BullPen font but ever since i replaced the code they stopped working.

  7. anujasha9
    Member
    Posted 3 years ago #

    opps.. i think you have deleted some of your code ie: #sidebar, #footer.... are you the one who wrote the the css. Or at least do u have the original layout. I'll try to help you. Or see whether you have the backup of your files in the Host server. Normally they have.

  8. keysuuh
    Member
    Posted 3 years ago #

    hmm it seems i still have the #footer code.
    i used the glossyblue template
    http://www.ndesign-studio.com/wp-themes/glossyblue

  9. keysuuh
    Member
    Posted 3 years ago #

    as you can tell as of now my style sheet is a mess. but i'm looking forward to fixing it up after I get my site the way I want it to look. So please excuse the messiness Lol.

  10. keysuuh
    Member
    Posted 3 years ago #

    I still need help!

  11. anujasha9
    Member
    Posted 3 years ago #

    paste your index.php, header.php, footer.php and style.css files code in a paste code sites and give me the link together with a screen shot of your original design. I'll try do fix this.

  12. keysuuh
    Member
    Posted 3 years ago #

    can you recommend a code site...? O_o

  13. keysuuh
    Member
    Posted 3 years ago #

    style sheet : http://ideone.com/t0Rs9

  14. keysuuh
    Member
    Posted 3 years ago #

  15. keysuuh
    Member
    Posted 3 years ago #

  16. theotherlebowski
    Member
    Posted 3 years ago #

    are you going from browser to browser? firefox to IE for example. if so is the layout looking squiffy in IE but ok in firefox?

    IE is a pain in the dangly bits for web design.

  17. keysuuh
    Member
    Posted 3 years ago #

    No it was just different on another computer.
    at my mom's house it was perfectly centered.
    But I visited my site from a different computer and the text and everything was SO small and the whole design shifted to the left.

    the margin: auto;
    worked and positioned it in the middle no matter what computer it is.
    but for some reason I can't even position my footer correctly,
    or even style the footer how I want to.

  18. anujasha9
    Member
    Posted 3 years ago #

    Its a simple thing. In your style sheet you have a code like this

    .post-cat { width: 438px; padding-left: 0px; padding-bottom:2px; float:left; font-size: 1.post-comments { background: url(images/mini-comments.gif) no-repeat; padding-left: 20px; float: right; font-size: 11px; }

    actually this should be 02 classes. You haven't close the style properly and have a "1."

    find this code and replace like this. BUT PLEASE TAKE A BACKUP of your style.css file first

    .post-cat { width: 438px; padding-left: 0px; padding-bottom:2px; float:left; font-size:11px;}
    .post-comments { background: url(images/mini-comments.gif) no-repeat; padding-left: 20px; float: right; font-size: 11px; }

Topic Closed

This topic has been closed to new replies.

About this Topic