css - How to make the view window grows while the user zooms in?


Tags: css

Problem :

I am testing the following script with FireFox 3.6.8. The problem with the following script is that when the user zooms in, the browser view doesn't grow at all. Ideally, I expect to see a growing view with horizontal bar on the bottom of the browser. I am sure that I miss some key CSS rules here.

Anyone can help?

<!DOCTYPE html> 
<html lang="en">
<head>
<title>Test Zoom In</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style TYPE="text/css">
#nav-primary {
        border: border:5px solid red;
    background:url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_global_v3.png") no-repeat scroll 0 -470px transparent;
}
#nav-primary .wrapper {
    background:url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_global_v3.png") no-repeat scroll 0 -510px transparent;
    height: 39px;
    padding: 0 5px;
}
</style>
</head>
<body>
<div class="member" id="header">
 <div class="wrapper">
    <div id="nav-primary">
        <div class="wrapper">
        </div>
    </div>
 </div>
</div> 
</body>
</html>

Thank you



Solution :

set width on #nav-primary .wrapper css class to 980px(which is the width of your image)


    CSS Howto..

    How can I have a basic heading and a custom one?

    how to set a specific pixel or character width limit for a text in css

    Nine divs in columns. How to design this?

    Hide/show block with CSS

    How can I apply an external CSS class to a span created with dojo.create?

    How can I implement “CSS versioning” (to solve cache issues) using JSF 2 h:outputStylesheet?

    How to change social network icons colors in fixed menu?

    How to make a header ribbon responsive

    CSS: how to have child1 the same height as child2?

    How do I create a margins on Google maps? [closed]

    How combine multiple media destinations (screen, print) with width restriction?

    How to make css background-image a fluid image work in IE

    How to property adjust table?

    how to print 60 degree rotated watermark in HTML CSS

    How to deselect using :not according to css property and value

    How do you determine whether a CSS property requires browser specific prefixes?

    How do I create triangles like this? [closed]

    How to change the width of an HTML upload field with CSS?

    How to auto fit input field after dynamically added spans?

    SCSS has the color in rgba() format, but the color is in hex format. How to keep the color in RGBA() format in the genrated css?

    How to style JavaScript created text using CSS's @font-face

    How to apply Css class to a row using datatables.js?

    How to assign CSS background image properties mixing classes and ids

    HTML5 / CSS| How do I disable responsivity when a scroll bar appears?

    How do I use the alignment of one class and the font of another?

    How to see CSS boxes in firefox inspector

    How to give the color to * without using span Tag

    How to position css sprite play button within video image

    How to Convert SASS on the fly to CSS in Python?

    How to create transparent background color in html & css [duplicate]