Tinkering With Site Design

July 12, 2011 By Jonathan Ping 16 Comments
My Money Blog has partnered with CardRatings and may receive a commission from card issuers. Some or all of the card offers that appear on this site are from advertisers and may impact how and where card products appear on the site. MyMoneyBlog.com does not include all card companies or all available card offers. All opinions expressed are the author’s alone.

I changed up some of the design of the website last night, not really sure why, I had some free time and have been meaning to try some things out. I don’t have the motivation to do a complete redesign, but wanted to update things slightly to account for modern screen sizes and resolutions. I’ve made the content a bit wider (this also allows for larger embedded images), widened the sidebars a bit, made the text a bit bigger, and changed the spacing a little. Let me know if you have any suggestions.

Filed Under: General
Last updated: July 12, 2011
My Money Blog has partnered with CardRatings and may receive a commission from card issuers. Some or all of the card offers that appear on this site are from advertisers and may impact how and where card products appear on the site. MyMoneyBlog.com does not include all card companies or all available card offers. All opinions expressed are the author’s alone, and has not been provided nor approved by any of the companies mentioned.

MyMoneyBlog.com is also a member of the Amazon Associate Program, and if you click through to Amazon and make a purchase, I may earn a small commission. Thank you for your support.

User Generated Content Disclosure: Comments and/or responses are not provided or commissioned by any advertiser. Comments and/or responses have not been reviewed, approved or otherwise endorsed by any advertiser. It is not any advertiser's responsibility to ensure all posts and/or questions are answered.

Comments

  1. Warren says
    July 12, 2011 at 5:28 am

    Jonathan, when using Firefox 5.0 everything that was formerly on the right side (basically everything but the posts) is now at the bottom below all the posts. This is regardless of what I set for “font size”. Nice and clean but I don’t think that’s what you want. Not sure if it’s just me. Internet Explorer does not show this problem.

    Reply
  2. Darrell says
    July 12, 2011 at 5:50 am

    Same with Chrome – everything’s at the bottom.

    Reply
  3. Greg says
    July 12, 2011 at 7:08 am

    No problems here… I’m running Firefox 5.0.1 as well.

    Reply
  4. MJ says
    July 12, 2011 at 7:30 am

    Same deal with FF 3.6.18 … all content that was on the immediate right-hand side of the page is now at the very bottom.

    Reply
  5. RJ says
    July 12, 2011 at 8:36 am

    Sponsored ad images are not showing up on the right on Safari. Instead I see question marks instead of images. I do like the new look, but you may want to address some of these small issues.

    Reply
  6. Jonathan says
    July 12, 2011 at 11:43 am

    Hmm… thanks guys. I need to run some screenshots with different OSes since it still shows up in Firefox and Safari fine with me.

    Reply
  7. Dan says
    July 12, 2011 at 5:59 pm

    Same here, agree with Warren and MJ. Also, looks strange in IE8. Last post image is above the ads on the right side.

    Reply
  8. Jonathan says
    July 12, 2011 at 6:55 pm

    Is there any way you guys can give me your OS version, browser type and version, and screen resolution (whatever you have is fine)? I’m using Browsershots.org to generate screenshots and they’ve all come out fine so far. I’d like to figure this out, I think an image might be too wide or something.

    Reply
  9. Leonardo says
    July 12, 2011 at 6:59 pm

    http://browsershots.org/

    Reply
  10. TFB says
    July 12, 2011 at 9:57 pm

    Windows XP, Firefox 3.6, 1440×900. The three progress meters and the two right side bars are shown on the bottom.

    No problem with IE7 or Chrome 9 on the same OS and resolution.

    Try removing the progress meters for now and see?

    Reply
  11. MJ says
    July 13, 2011 at 4:01 am

    It’s fixed for me now. I see all content on the right-hand side as before.

    I’m using Win7 64bit, FF 3.6.18, screen resolution 1920 x 1080.

    Reply
  12. Warren says
    July 13, 2011 at 5:42 am

    It’s fixed for me now too. Windows Vista, FF 5.0, 1280 x 800

    Reply
  13. Jonathan says
    July 13, 2011 at 12:20 pm

    Thanks, I made the progress meter less wide and I think that helped.

    Reply
  14. TFB says
    July 13, 2011 at 8:14 pm

    Yep, that fixed it for me in Firefox as well.

    Reply
  15. Evan says
    July 13, 2011 at 9:36 pm

    My Money Blog has looked the same for as long as I can remember…at least a year or two before I even started a blog….its like that constant in your life you can count on!

    Reply
  16. Mike says
    July 17, 2011 at 8:29 pm

    hey there! good work, I would suggest that YOUR copy on the right side gets a light grey background or some boundary lines to help build a boundary of sorts. Currently, it is difficult to tell what is YOUR copy and what is an advertisement. When I look at first glance, I feel its all ads, and don’t both reading any of the links.

    Reply

Speak Your Mind

*