Responsive website fixed width help

Discussion in 'HTML & Website Design' started by drewsumboy, Sep 24, 2015.

  1. #1
    Hi there,

    I'm design a website, and I have breakpoints from 1100 to 640. Is there a way i can centralize the website from 1100 onwards? I'm using Macaw.

    Thanks
     
    drewsumboy, Sep 24, 2015 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Link? Source code? We can only guess at what you need without the necessary info.

    cheers,

    gary
     
    kk5st, Sep 24, 2015 IP
  3. drewsumboy

    drewsumboy Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    here you go, my bad

    http://www.druhause.com/test/
     
    drewsumboy, Sep 24, 2015 IP
  4. webcosmo

    webcosmo Notable Member

    Messages:
    5,840
    Likes Received:
    153
    Best Answers:
    2
    Trophy Points:
    255
    #4
    Try with this:
    @media screen and (min-width: 1100px) {
    body {
    max-width:1100px;
    margin:auto;
    }
    }
     
    webcosmo, Sep 25, 2015 IP
  5. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    1) if you're thinking in pixels, you're not thinking. Switch to EM's so your fonts and widths can dynamically scale to the user preferences without their having to dive for the zoom. The WCAG says to do that for a reason.

    2) What in blazes makes ANY of those buttons, and why the scripttardery to do an anchor's job? I don't see a form, why the form elements and "JS for NOTHING"?

    3) a glorified splash page? Are you aware that's on every "how not to build a website" / "How to piss off users" list of the past decade and a half?

    4) some indication other than the cursor like hover states to say "yes these things are links" might help. What you have is EXTREMELY counterintuitive.

    5) if every single like-tag is getting the same class, none of them need classes.

    6) where's your media targets on your LINK?

    7) Little if anything resembling semantics or logical document structure on any of your pages. Do you know that HTML tags have MEANINGS and how to apply those meanings, or are have you fallen for the fallacy of just screwing around with appearance before you even have a useful document?

    8) Multiple CSS files likely doing the job of one. If you went to a monolithic (single) stylesheet for all your pages, you could pre-cache the appearance and there would be less likelyhood of layout "pop-in" which currently seems to be an issue.

    9) why in blazes would a META need an id?!?

    10) why in blazes would BODY have clearfix on it -- much less clearfix classes? what is this, 2003?

    I have to ask, just what goofy WYSIWYG nonsense are you using to build these pages? I'm asking that since nobody who has learned the slightest thing about HTML, CSS, accessibility or even what websites are for would create pages this way...

    Hell, the title of the site alone set off my "ok, something's not kosher" sense -- since fixed widths and responsive design are the antithesis of each-other.
     
    deathshadow, Sep 25, 2015 IP