how to center text and control user zoom in CSS


Tags: css,page-zoom

Problem :

basically i'm trying to set a footer to the center but when i zoom in / out it moves

this is my code:

div#footer  {
font-size:16px;
text-align:center;
position:absolute;
bottom:0;
}


Solution :

You could try setting either the margins or padding for both the left and right to :50%


    CSS Howto..

    How to assign custom CSS class to arbitrary arbitrary rows of h:dataTable?

    How to add this element in jquery

    How to override\edit Zurb Foundation base CSS styles?

    How to add JS and CSS to all content parts in an Orchard module

    How to create a standing up 3D text effect with Css3 transforms

    How to get the textarea to be same height as row

    How to make element fade in on page scroll?

    How can I eliminate all space between block divs?

    How to use ASP.NET Authorization Yet Permit Access to .css Files?

    How to make a div inside a div while keeping same image background

    how to stop centered css dropdown menu from twitching (chrome only)

    How do I get two adjacent spans to display their text vertically?

    Make Dojo or Ext JS4 widgets look and behave like Kendo UI. How demanding will it be?

    How to make transition effect on css sprite hover

    How to add multiple button in 1 line (css)? [duplicate]

    How to make an iFrame window scrolls with overflow:hidden?

    How to get a smooth sine wave alternation with Javascript/JQuery CSS

    How do i wrap a parent div to the width of a child div (dialog)?

    How to make div disappear when clicking outside?

    How to center nav using CSS/HTML? [closed]

    How to add labels for multiple textboxes inside 1 li element

    How do I create a teardrop in HTML?

    How to auto resize the parent node according to its children

    How to set the width of background-color of a div?

    ASP.NET - IIS 7 - DotNetNuke - How do I force browsers to reload the site's CSS?

    CSS How to keep bodies of html file and included files from merging?

    How to use CSS transforms to translate product info into view

    How could I center a div that is inside a div? Auto margins aren't working

    How to make child span collapse with parent

    How to hide a nested table?