Grow your CSS skills. Land your dream job.

Check out new layout! couple questions.

  • # February 8, 2009 at 9:24 am

    Check out this new layout I designed! Id love any feedback. its not quite finished and I am aware of a few issues.
    http://www.linkcreativedesign.com

    I have a couple things I would appreciate some feedback on.

    A) does the images load too slow? Its nto TOO BAD when its first loaded on my connection.
    Is there a certain goal on file size to aim for to keep images from taking too long?
    B) Im a bit concerned about the size. it is 1024 wide.. it looks just fine on my laptop but when I hop on a computer that is 1152 or 1024 it looks too big. should I size it down?
    C) Do you think I should do the sticky footer for this? as you can see the footer goes right under the content. For the home page I would like ti figure out how to get it to stay at the bottom of the browser, same for pages that dont have as much content. but as far as pages with alot of content I naturally want it to be at the bottom. any thoughts on how to handle that? Thanks!

    # February 8, 2009 at 10:04 am
    "LinCSS25" wrote:
    Check out this new layout I designed! Id love any feedback. its not quite finished and I am aware of a few issues.
    http://www.linkcreativedesign.com

    I have a couple things I would appreciate some feedback on.

    A) does the images load too slow? Its nto TOO BAD when its first loaded on my connection.
    Is there a certain goal on file size to aim for to keep images from taking too long?
    B) Im a bit concerned about the size. it is 1024 wide.. it looks just fine on my laptop but when I hop on a computer that is 1152 or 1024 it looks too big. should I size it down?
    C) Do you think I should do the sticky footer for this? as you can see the footer goes right under the content. For the home page I would like ti figure out how to get it to stay at the bottom of the browser, same for pages that dont have as much content. but as far as pages with alot of content I naturally want it to be at the bottom. any thoughts on how to handle that? Thanks!

    Hi Lin,

    It is nice and fresh, I like it, however, (you know me)
    A) Images loaded ok here, but I got a 10mb connection
    B) it is too wide, I got a 1024×768 and your image Creative Connections?? is off the page, and you got the overflow hidden it looks like. maybe squeeze it in to fit the monitor.
    C) I would not put the small footer on the end of your blog, it is too hidden, maybe put it as a footer to the left side. Or maybe give your main scrolling area a height so you can add the footer as part of the page (always shown) and have the content area that your reading scroll

    I think your twitter is hard to read, same with the headings in the footer

    # February 8, 2009 at 2:22 pm

    Looking good!

    Personally, I would sticky that footer to the bottom, but in the same column it is right now, I think it looks good there myself.

    The background did take a little longer to load than a normal site, but nothing that I was overly upset about.

    If you’re worried about the width, simply bringing it down to somewhere around 960px should cover all of your bases pretty well.

    Looking really good though! I really like the nav buttons.

    # February 8, 2009 at 3:31 pm

    Thanks for the feedback. Hows the size now? I adjusted everything so its only about 950px wide.

    I took down the size of some images to so hopefully the load a bit quicker.

    I dunno.. I really like the functionality and placement of the footer. I just need to know how to get it to stick to the bottom of the browser.

    # February 8, 2009 at 3:33 pm
    "LinCSS25" wrote:
    Thanks for the feedback. Hows the size now? I adjusted everything so its only about 950px wide.

    I took down the size of some images to so hopefully the load a bit quicker.

    I dunno.. I really like the functionality and placement of the footer. I just need to know how to get it to stick to the bottom of the browser.

    its not worked lin…

    the text came over but the background never.

    # February 8, 2009 at 3:53 pm

    Im trying to see if the sticky footer thing will work but for the life of me I cannot figure out where to ad, move, delete </div> tags to get my footer outside of my wrapper.. Anyone every have this happen to them! Ive accounted for every div 20 times.. crazy

    # February 8, 2009 at 3:58 pm
    "LinCSS25" wrote:
    Im trying to see if the sticky footer thing will work but for the life of me I cannot figure out where to ad, move, delete </div> tags to get my footer outside of my wrapper.. Anyone every have this happen to them! Ive accounted for every div 20 times.. crazy

    don’t take it out the wrapper/content div, just give your wrapper/content div a height then overflow auto

    # February 8, 2009 at 4:05 pm

    nevermind I got it. I did the min height thing a majig.

    # February 8, 2009 at 4:34 pm
    "LinCSS25" wrote:
    nevermind I got it. I did the min height thing a majig.

    Min-height won’t work in ie6

    # February 9, 2009 at 7:51 pm

    yeah I just figured that out…. Im going to give the sticky footer things another shot

    # February 9, 2009 at 9:20 pm

    bleh I cant quite figure out the stick footer actually

    my navigation bar that I set to be fixed.. is not fixed in ie6 AND both it and my rss button are not where they should be… does ie6 not take to left: and top: declarations for placement or something?

    # February 9, 2009 at 10:15 pm

    can the sticky footer not work if the content and footer are contained by a wrapper? I put the code on the content and footer to make the sticky footer and put a 100% height and also tried auto height on the wrapper.. will that not work?

    # February 10, 2009 at 12:36 am
    "LinCSS25" wrote:
    can the sticky footer not work if the content and footer are contained by a wrapper? I put the code on the content and footer to make the sticky footer and put a 100% height and also tried auto height on the wrapper.. will that not work?

    Generally, that is correct, it needs to be outside of the wrapper. Though there are quite a few ways to accomplish the sticky footer now, perhaps they’ve made a way to contain it in the wrapper.

    # February 10, 2009 at 11:39 am

    http://www.linkcreativedesign.com/

    I got the sticky footer to work.. but what can I do to keep content from flowing behind my footer.. especially on my portfolio and contact page.

    Rob
    # February 10, 2009 at 7:00 pm
    "LinCSS25" wrote:
    http://www.linkcreativedesign.com/

    I got the sticky footer to work.. but what can I do to keep content from flowing behind my footer.. especially on my portfolio and contact page.

    add <div class="push"></div> after your clearing float div before the footer… you forgot to add it :) (I think)

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".