Grow your CSS skills. Land your dream job.

css width issue

  • # December 1, 2012 at 11:05 am

    Hello All,
    I am designing a webpage in which, I am facing a major issue. When I minimize by drag my browser to a smaller size, the header elements starts to overlap on each other.
    Though I have designed the header as fluid method but I want to make the elements static after the browser width has been dragged to certain width. Say my be after after 800px such that the webpage can be viewed properly in all the display devices such as ipad, laptop, computer etc.

    Help Required
    Peace//

    # December 1, 2012 at 12:37 pm

    Please include a link to the site so we can have a look in order to help out.

    # December 1, 2012 at 2:01 pm

    I appreciate your effort but as the site is still in development phase so cannot include the link. Well I just figure out that min-width and max-width is solution to the issue, the only doubt I do have at the moment is whether it is supported equally by all the browsers or not.

    # December 2, 2012 at 8:55 am

    if u r goin 2 use single style sheet 4 all kind of devices…

    try

    dis ll resize ur page as per d device width

    refer dis page

    https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

    # December 2, 2012 at 4:56 pm

    word

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

You must be logged in to reply to this topic.

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