Back Home

Open Designs

Community. Driven.

    • CommentAuthordennis_s
    • CommentTimeFeb 1st 2007
     
    Hi all,

    First of all I would like to thank you all for the wonderful job you're doing posting these great templates for free for the internet community. I can't thank you all enough for this.

    Second of all, I was wondering if anyone would be able to help me with my problem... It's one of the templates that I downloaded and really liked -- OneWorld by NickyD (http://www.opendesigns.org/preview/?template=303). It looks very very good on lower resolutions (I personally have 1024x768 set up on my monitor, and that's why I did not notice the problem right away).

    However as soon as the resolution is set to 1200*1024 and more, the template becomes broken -- the text on the top goes to the left, and there's some problems at the bottom of the page. I installed it on our forum's free giveaway contest site (I'm the administrator of a forum dedicated to the Apple iPhone and we're giving away a test unit of the iPhone to our readers, that's what the site serves for, but it's irrelevant at the moment), and now people start telling me that the page looks broken... Then I checked, and it's really so.

    I tried to fix it myself for a few days now and even e-mailed the template's author, but both of us couldn't fix it due to the fact that he's new to webdesign and I'm just plain stupid when it comes to coding :) So... I would really appreciate someone looking into this.

    Thank you in advance.
    • CommentAuthorDeanStev
    • CommentTimeFeb 1st 2007
     
    It also goes skew-wiff on my MacBook (1280x800)
    •  
      CommentAuthorbakercad
    • CommentTimeFeb 1st 2007
     
    The problem is with the background images in the body and the header. They are a fixed width, but the container div width is a percentage.

    try changing this in the CSS file.
    .container {
    background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:75%;}


    to this:
    .container {
    background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:780px;}
    • CommentAuthordennis_s
    • CommentTimeFeb 1st 2007
     
    Thank you so much Bakercad!!!

    That pretty much fixed it -- I actually switched it to 750px and it was an exact match, 780 was still a bit misalligned.

    Thank you very much once again, you've made my day.

    You wouldn't believe how frustrating it is to try and fix stuff that you have no idea about, while realizing own stupidity all the way. I envy you designers, you must have some special set of qualities, that us, stupid people don't have :)