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 use same css for separate media query conditions

    Dojo: how to find css definition for digit.form.filteringselect, especially the drop down list?

    How to reduce the indentation between first and second line inside circle?

    How to Hide a Textbox with only CSS

    I have a blinking box, how can I add a gradient to this or program it easier?

    CSS How to attach input box to bottom of divider window

    How to write regex to extract specific key format and value from CSS file?

    How do I make an `hr` with repeating small images?

    How to format the text below using css

    How to remove strange border from css-animated clip-path?

    How can I add background color to CSS triangles?

    how to make a css gradient stop after so many pixels?

    How to scroll a page or a element using css

    How change the background colour of the kendo ui datepicker using css [duplicate]

    How to make a transition effect that just perform like css transition?

    How to customize unordered list items in HTML using CSS

    How to add js and css files in ASP.net Core?

    How to apply css for a class within h2?

    jquery carousel how to have a gradient on start and ending slides

    How to match element containing another element?

    How to trigger css3 rotate effect by clicking?

    How to reverse a sequence of CSS transitions and transforms which contain span:nth-child

    How to use form-inline bootstrap 3?

    How to combine two css3 gradients ?

    CSS: How to select all rel atributes

    How can I get my menu/logo to be centered instead of all the way to the right?

    How to create a horizontal calendar with nested lists?

    How to add border/outline/stroke to SVG elements in CSS?

    How to add CSS Transition for button sliding

    Vim: How would I recursively run “:sort” for everything between curly braces?