Сравнение браузеров (HTML5)

Сравнение браузеров (HTML5)

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers

Поддержка твоим браузером HTML5/CSS3

Modernizr — HTML5 и CSS3 уже сегодня

Получить top, left static-элемента

var div = $('#div1');
var top = Math.round(div.offset().top);
var left = Math.round(div.offset().left);

Footer always bottom

HTML:

    <div id="container">
        <div id="main">
            <div id="header">
                <h2>
                    header
                </h2>
            </div>
            <div id="content">
                <h2>
                    content content content content<br />
                    content content content content<br />
                    content content content content<br />
                    content content content content<br />
                </h2>
            </div>
        </div>
    </div>
    <div id="footer">
        <h2>
            footer
        </h2>
    </div>

CSS:

*{padding:0; margin:0;}
html {height: 100%;}
body {height: 100%;}
#container {min-height: 100%;}
* html #container {height: 100%;}
#header {height: 110px;}
#footer {height: 90px;position: relative;margin-top:-90px;}
#main {min-height: 100%;}
* html #main{height: 100%;}
#content {padding-bottom: 90px;}

#header{background:red;}
#container {background:#aaa;}
#content{background:green;}
#footer{background:blue;}

Body min-height 100%

  html
  {
    height:100%;
  }
  body
  {
    margin:0px;
    min-height:100%;
    height:100%;
    height:auto !important;
  }

Div min-height

  #content
  {
    min-height:400px;
    height:auto !important;
    height:400px;
  }