Grow your CSS skills. Land your dream job.

How to stretch my page and get scroll bar when zooming in?

  • # February 7, 2013 at 11:43 am

    “I thought you guys are experts who can find the bug from an image”

    welp, i guess you were wrong:

    http://css-tricks.com/forums/discussion/21516/a-guide-to-using-codepen-help-us-help-you-/p1

    # February 9, 2013 at 8:22 am

    you are so right . you can’t help without seeing what I’m talking about and I’m not allowed to show you local code .
    I asked our designer here in company and he didn’t know what’s wrong .
    he said I should know how zooming works in firefox to know why the tabs of jequery is always getting their width from brower width .
    any help in that ?

    # March 7, 2013 at 2:50 am

    I wrote some code here’s somthing similar to my problem :

    http://jsfiddle.net/U2YkF/11/

    # March 7, 2013 at 2:55 am

    please help me :(
    I tried many ways and I had two results :
    if I want to make my site like this site :
    all elements inside html and body I have to make width:100% for html and body and not specify any width for any element (table) inside html and body .
    second way (which I was asked to do ) : I have to give html and body width of the table to keep it always (keep the table) inside html and body .
    but that’s so wrong !! beacause I have to make my site for all screen sizes .
    I want the page to expand when zooming or when width of tables is large the body and html goes wider too

    # March 7, 2013 at 3:05 am

    > if you are develoing a product you will have many style sheets :D !! what’s strange in that !

    Nothing strange with that. However there is something wrong: you shouldn’t have multiple stylesheets in the production environment.

    > I thought you guys are experts who can find the bug from an image

    We are front-end developer. Not magicians.

    # March 7, 2013 at 3:14 am

    okay I’m sorry , I’m not the one who wrote those stylesheets . I’m just trying to find errors and I’m a beginner and here’s my pain

    # March 7, 2013 at 3:53 am

    maybe this’s called a fluid width of table

    # March 7, 2013 at 4:18 am

    Solution A: limit the width of content within the table.

    Solution B: give the table’s parent element overflow-x: auto; (and make sure it also has a width defined).

    That’ll make scrollbar for the table’s parent element so you’ll be scrolling the table horizontally instead of the whole page.

    # March 7, 2013 at 4:27 am

    I was asked to scroll the whole page when zooming not only the table , also I thought It’s wrong to give the table a width (for example : 1200px) beacuase I don’t know what screen would be used to display my site !

    # March 7, 2013 at 6:36 am

    I think I found my solution :

    $(‘html’).css(‘width’,$(window).attr(‘innerWidth’));
    $(‘html’).css(‘overflow-x’,’scroll’)
    $(‘html’).css(‘position’,’absolute’)

    # March 7, 2013 at 6:37 am

    thanks everyone and sorry if i bothered you ^_^

Viewing 11 posts - 16 through 26 (of 26 total)

You must be logged in to reply to this topic.

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