SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    933
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    Bootstrap basic resize of image?

    Hi guys,
    I dunno where to post this bootstrap question.
    Just correct me if I'm wrong.

    So I have a page.
    http://coder9.com/ciportfolio/front/adaptive/

    It is made using Bootstrap.
    The question is when I re-size the page the image header won't auto shrink into small image.
    Why is this?
    Also I defined the hearder, body and footer with width="950" is this fine?
    Can anyone explain to me the proper way.

    Thank you very much in advanced.
    Quality codes are optimized and tested...
    Click here for inspiration..

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,289
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    HI,

    Your page isn;t loading I;m afraid;
    Server not found

    Firefox can't find the server at coder9.com.

    We'd need to see the code to give a reliable answer. Setting header and footer to 950px may stop your page collapsing smaller if you are counteracting any media queries that have been set.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Don't set a width on the body element. That's not a good idea. Instead, set the width on your wrapper and center that instead. If you want it to flex, you need to give it a % width. E.g.

    Code:
    #wrapper {
      width: 80%;
      max-width: 960px;
      margin: 0 auto;
    }
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •