Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other Dynamic Page Size

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #33974
    farzadina
    Participant

    Very simple, change your browser size in this blog (CSS-trick), then you see the object change their position and make a ordered page. It’s so good, but I like more simple that this. Test this one in Yahoo.com, that’s simple and I want like that.

    I want a trick, that make my blog dynamic, that change the object position and restrain blog from horizontal scaling.

    #85239
    chrisburton
    Participant

    Yahoo? I don’t see media queries happening there.

    #85241
    farzadina
    Participant

    See these pictures to understand my purpose:

    1- YAHOO.COM

    2- A Page Like My Blog

    #85242
    chrisburton
    Participant

    Post a link to your site, please.

    #85244
    farzadina
    Participant

    http://www.baghbagho.com

    Remember you can’t read the texts, because they are not EN.

    #85245
    Johnnyb
    Member

    Hey farzadina, both your site and yahoo’s have a fixed width and no media queries, and so once the browser is shrunk passed a certain point there is going to be horizontal scrolling. If you shrink yahoo’s site down further then you’ll see the horizontal scrollbar appear. The way around this is to either create a responsive layout which uses media queries to change the width of your wrapper based on window size, or a flexible layout which uses percentages for your widths.

    #85247
    furrball1383
    Member

    Hey, @Johnnyb, I was just wondering if there are any tutorials and such for building a responsive layout with media queries that you already know of. It would definitely be something I’d like to learn. In the mean time I shall do some searching myself.

    #85250
    farzadina
    Participant

    As “furrball1383” said, how I can make a responsive or flexible layout?
    My blog page have horizontal scrollbar in 1024*768 screen resolution. Can one of that layout fix this problem?

    #85251
    chrisburton
    Participant

    Well, that is because you’re page wrap is set at 1100px

    #85253
    farzadina
    Participant

    @ChristopherBurton: Yes, I set wrapper width 1100px. Was that make this problem? and if yes, how I can fix that without changing the theme look?

    #85254
    chrisburton
    Participant

    Most use 960px but you will not rid yourself of the horizontal scrollbar. @JohnnyB has a fair suggestion.

    #85256
    farzadina
    Participant

    I don’t want to have a 960px width wrapper. I think @JohnnyB idea can keep my blog look without changing the width to 960px. But I couldn’t understand his purpose from using those layouts. Please explain more.
    How can I keep my blog’s theme look and have a correct view in common resolutions?

    #85255
    chrisburton
    Participant

    Common to those who actually view your blog (hint)? What is the statistics show on resolutions viewing your site?

    #85261
    farzadina
    Participant

    As my blog’s statistics say, +32% of my viewers have 1024*768 resolution screen, +10% have 1280*800 and +40% have other screen resolution.
    That told me I should have a true look in 1024*768 and that’s so important for me.

    #85262
    TheDoc
    Moderator

    Right, so if the majority of users use 1024, then you should have a wrapper that is less than 1000px (to save room for scrollbar, browser plugins, etc.).

Viewing 15 posts - 1 through 15 (of 16 total)
  • The forum ‘Other’ is closed to new topics and replies.