CSS

How to display an element to the center of the browser

Programming, CSS, JavaScript
Sometimes you might need to display an element, for example a div, to the center of the browser. Here is an example of how you can do it using JavaScript and CSS. function init() { // Reference to the element var loading = document.getElementById("loading"); // The div's width, set within the CSS class var loadingWidth = loading.offsetWidth; // The div's width, set within the CSS class var loadingHeight = loading.offsetHeight; // The browser's body's width var documentWidth = document.

How to add scrollbars to a block (e.g. a <div> element)

Programming, CSS
If you need to customize a list box then the <select> HTML element might not be enough. In such a case you’d like to have something that simulates the <select> behaviour. Here is the code to use to obtain a custom list box: <html> <head> </head> <body> <div style="width: 200px; height: 200px; overflow: auto;"> <table width="100%" height="100%"> <script> for (var i = 0; i < 30; i++) { if (i % 2 == 0) { document.