• My website looks one way on my computer and another way on every other computer. For example: The background color is a grayish color instead of the plain white that it looks like on my computer. Also, the logo for my page, that I made with photoshop, is messed up, but on my computer it looks fine. What’s causing it to look differently on my computer? I constantly have to check my website using my computer downstairs, because I’m freaked out something else will look bad. Any ideas why this is happening?

Viewing 15 replies - 1 through 15 (of 17 total)
  • As far as colors, it can be a number of things. Especially if you use crazy custom subtle tones…there is like some 16 web “safe” colors that is supposed to display the same on any computer, but then that’s not even a guarantee because of people’s video drivers, the different quality in LCDs, etc. There are too many factors that influence how colors will look, it’s not worth investing too too much time trying to fix that.

    As far as the logo, what file format was it saved in? Is the other computer you’re using have graphics capabilities close to or equal your machine (e.g. 16bit color vs. 32bit color)?

    Thread Starter depechemode3

    (@depechemode3)

    BTW,I’m using the Celtic theme here http://themes.wordpress.net/columns/2-columns/1411/i-love-celtics-10/ and on the test page for it, it’s clearly a white background. So, something is wrong on my end. hmmmm

    Thread Starter depechemode3

    (@depechemode3)

    I saved my logo in jpg and bmp format and both looked crappy. I tried it out on two computers, one was an older one and the other was pretty up to date.

    Thread Starter depechemode3

    (@depechemode3)

    peiqinglong, I understand what you’re saying, but it’s not like my background color is a light shade of yellow, it’s plain white. Even on a really old computer, it should have no problems showing a white background. The theme I’m using is clearly green and white on the test page so something is going wrong on my end.

    1) Maybe not. The other computer monitors you’re looking through might need to be calibrated. Colors get thrown off all the time.

    2) No one can help you unless we can actually see the site. All anyone can do is guess, and that’s like finding a needle in a haystack. *anything* can be an issue or a possibility. We need more information. Give us a link.

    Thread Starter depechemode3

    (@depechemode3)

    The background color is a grayish color instead of the plain white that it looks like on my computer

    In your CSS, you have:

    body {
    	font-size: 62.5%; /* Resets 1em to 10px */
    	font-family: Verdana;
    	<code><strong></code>background-color: #eaeaea;

    That’s where your gray background is coming from.

    You have the same thing for your #page div. And your #content div, and your footer div.

    That’s why you’re seeing the gray color. If you’re seeing white on the *one* computer, then that computer is what’s throwing you off. You might have your browser set to override the site’s stylesheets. You may need to calibrate your monitor, you may need to turn down the brightness of your monitor. But the site background is set to display as gray, and gray it shall be. “white” is “#FFF”.

    Also, the logo for my page, that I made with photoshop, is messed up, but on my computer it looks fine.

    It’s a jpg image, and the only thing I see that’s messed up with it is that the images of Marilyn Manson (and whatever that is on the right) look like there was an attempt to skew or bend the image to ft into the TV screen, and it didn’t work out so well.

    What method you used, I don’t know. Nor do I know what “fine on [your] computer” is…if you could pull up the image in your computer and snap a screenshot, then post it to your site somewhere, maybe we could see what the difference is.

    (By the way, Trent Reznor is *yummy* and *thank* you for brightening my day with such an excellent shot of his beautiful mug. Lovely. And no, I’m not being sarcastic. Oh cool! And you have the Flaming Lips on there too! I was just telling my husband about them – I was *shocked* the other day to see Steve Drozd and Steve (from “Blue’s Clues”) did a *song* together! It was actually good too!)

    EDIT: you also have a floating issue with your columns – after scrolling down a bit, the bottom of the page stops at your sidebar. You need to clear your floats as well.

    Thread Starter depechemode3

    (@depechemode3)

    doodlebee, thanks for your help. I never knew how sensitive a wordpress blog was. I don’t want to trouble you, but if you have time could you tell me how to clear the float. I’m a big dummy. I had this problem a while back and thought I fixed it,but I guess I didn’t 🙁

    the div that closes your #page is located *right before* your navigation. Remove it. Then open your footer.php file and after the closing #footer div, add in another closing div.

    That way, #page will encompass your header, sidebar, content *and* footer. Set the background-color for #page to #FFF. remove the background color from your content, sidebar and footer. Then add “clear:both;” to your #page in the stylesheet.

    So, in essence, move the </div> to the bottom…and your stylesheet:

    #page {
    clear:both;
    background-color:#FFF;
    [and any other #page styling that's there - just ADD the above two lines]}

    and remove the background color from everything else but the body in your stylesheet. 🙂

    Thread Starter depechemode3

    (@depechemode3)

    uhhhhh, somehow I screwed up my page. I tried to change everything back and it’s still a mess now. What did I do now? 🙁

    Thread Starter depechemode3

    (@depechemode3)

    nevermind, I added a ” in the background color thing and it ruined everything. It’s back to normal now, I’ll rety this.

    Thread Starter depechemode3

    (@depechemode3)

    Ok, in the header.php there are 3 div’s before the navigation. When I remove those and add a div to the footer it screws up the header. Did I misunderstand you?

    </div>
    </div>
    </div>

    Sometimes it helps to take all the “meat” out of the sandwich, and look at your layout when it’s empty. Here’s what it *should* look like (I’ll point out where the current errors are):

    <body>
    <div id="page" >
    
    <div id="header">
      <div id="headerimg">
         <!-- image here -->
        <div class="description">
        </div> <!-- closing description -->
      </div> <!-- closing headerimg -->
    </div> <!-- closing header -->
    
    <div id="navigation">
      <!-- stuff here -->
    </div> <!-- end navigation -->

    took out <hr> tag – it serves no real purpose

    <div id="content" class="narrowcolumn">
       <div class="navigation">
    	<div class="alignleft">
            </div>
    	<div class="alignright">
            </div>
       </div> <!-- end navigation -->
    
       <div class="post" id="post-174">
    	<!-- post content here -->
         <div class="entrytext">
    	<!-- stuff here -->
         </div> <!-- end entrytext -->
       </div><!-- end post -->

    </div> <!– end content–>

    <div id=”sidebar”>
    <!– sidebar stuff here –>
    </div> <!– closing sidebar –>`

    removed another HR tag. Also removed an extra footer div – you have *two* of them – you only need one. You also have an extra closing div tag *between* the two footers – I’ve removed that, as well.

    <div id="footer">
     </div> <!-- closing footer -->
    </div> <!-- closing page -->
    </body>
    </html>

    Now, hopefully that helps 🙂

    Thread Starter depechemode3

    (@depechemode3)

    doodlebee,thanks for getting back to me. Ok, I made the changes on my end and it looks good. Tell me if it’s ok on your end when you have time. If that’s ok, then I just have 1 problem left. My page is white except for the background for the date button and a little piece of the header. What did I miss in the style file? Thanks again!

    Thread Starter depechemode3

    (@depechemode3)

    doodlebee, nevermind about the colors. I just checked it out on my backup computer and it looks good enough. Just let me know if the header and footer are acting like they should after making the changes. Thanks!

Viewing 15 replies - 1 through 15 (of 17 total)

The topic ‘Can someone help me out’ is closed to new replies.