How to keep css content position when zooming in and out?


Tags: html,css,html5,css3

Problem :

Every time i zoom in and out my content just moves around and it bugs me because its sloppy work. How do it keep it in place while i zoom in and out? I've been searching but can't find a solution to this problem.

#top-container{
                    width: 100%;
                    height: 105px;
                    margin: 0 auto;
                    
                    
                }
                body{
                    padding: 0;
                    margin: 0;
                }
                #luxlogo{
                    width: 300px;
                    height: 105px;
                    margin-left: 700px;
                }
 <div id="top-container">
                <img id="luxlogo" src="luxpics/luxlogo.png">
             </div>



Solution :

Poster said this worked for the comment section so I am adding as an answer.

For that you can use position: absolute and give it a top and left position or use background-position: cover or contain.


    CSS Howto..

    How to show CSS transitions only on hover?

    How to use css to put an item just above the top of the screen?

    How to… Three wordpress sites with one css … ? child theme

    How to Fade in AFTER the Page has Loaded: Javascript

    How to center div within col-md-12 in bootstrap

    How to style only a sub-class with .css?

    How to center text in my div

    How to Automatically adjust width in CSS so horizontal scrollbars would adjust automatically without taking so much space?

    How do I change the admin header color in Magento?

    How can I conditionally assign a color to text in jade

    How to get Facebook Like Box “Dark Scheme” to work correctly? (Background is transparent.)

    How to resize CSS Box with increase in content

    How to set the target images that should go uner this code

    How does the CSS position on a div affects position of sibling division?

    How to avoid the text inside the bootstrap button overflow?

    How to create change image option on mousehover like in gmail account?

    How to scale a fixed-width website to an iPad viewport

    How to replace default html checkbox with just html+css and no images?

    How to position two elements side by side?

    How to add CSS class to the HTML5 picture element

    how to get value from this html date-ranger?

    How to put all my elements in line horizontally and Should be Responsive using bootstrap?

    How can I override Pseudo Classes in CSS3

    How to use css in extjs to modify the “browse files” button?

    How to format CSS of a dropdown menu so if the 'parent' dropdown is current then the children will not take the formatting of the parent

    How to set out css properly?

    How to achieve pages like a math notebook in css?

    How can I achieve this transparency effect using css?

    How at least approximately imitate col-md-1.5?

    How can I change Github markdown background?