Horizontal and vertical centering

This box is centered on the screen, both horizontally and vertically. Problems with IE5/Mac called for a hack to remove the vertical centering for that browser. Opera 7/Win puts the whole #centerwrap box at a fixed vertical position. The drawback to this method is that if the browser window is made smaller than the content, things go off the screen to the left and top, and there is no way to scroll it back on-screen. So use this method with caution.

Lab Index | 456 Berea Street Home

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec risus. Sed rhoncus sodales metus. Donec adipiscing mollis neque. Aliquam in nulla. Quisque faucibus tellus. Proin iaculis. Donec lobortis. Maecenas ut velit. Quisque molestie wisi. Sed sem lectus, ullamcorper quis, bibendum in, tincidunt quis, nulla. Nulla malesuada. Donec a elit at risus bibendum commodo. Duis quis ipsum. Sed ultricies, odio quis rutrum porta, lorem lacus sodales erat, nec scelerisque felis ipsum ut diam. Nunc lorem eros, dignissim quis, rhoncus sit amet, mattis eu, lacus. Vestibulum ipsum tellus, imperdiet iaculis, vulputate gravida, venenatis sit amet, lacus. Cras cursus. Cras dignissim mauris nec lorem. Curabitur malesuada. Nulla eleifend.

Donec sodales consectetuer nunc. Aenean nec augue. Curabitur commodo, felis at tristique venenatis, nunc pede luctus risus, quis eleifend tellus mauris eu nisl. Vivamus varius dictum tellus. Nam ornare sem ornare justo. Praesent eget magna ut erat ullamcorper adipiscing. Suspendisse potenti. Donec lorem. Sed in velit. Maecenas molestie pharetra lacus. Donec in velit. In metus tortor, elementum in, porta vitae, posuere eu, purus. Quisque quis est. Nunc odio nibh, aliquam eget, ultrices quis, dignissim sit amet, augue. Mauris vitae turpis eget ligula porttitor nonummy. Etiam pulvinar bibendum tellus. Nam nulla nisl, elementum nec, posuere eget, dignissim vel, dolor.

Quisque sit amet nisl at velit porta tempus. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque feugiat auctor urna. Vivamus tincidunt pede eu tortor dictum sagittis. Nullam porta ultricies sapien. Proin eleifend, lacus eu ultricies bibendum, tellus mauris lobortis purus, quis tincidunt dolor lacus eu ante. Duis vulputate dictum lacus. In eros. Proin diam odio, sollicitudin nec, laoreet non, facilisis ut, arcu. Ut dictum. Phasellus lectus elit, convallis ac, gravida sed, vehicula aliquam, sem. Suspendisse elit. In fermentum. Aenean fermentum iaculis velit. In nec tellus. Fusce nec lacus ut turpis tempor semper. Etiam mattis venenatis leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.

Ut in magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum erat diam, gravida ut, aliquam non, interdum faucibus, diam. Quisque lacinia nunc nec neque venenatis cursus. Donec pretium porta ligula. In nibh nibh, sollicitudin quis, euismod at, hendrerit eu, magna. Vestibulum molestie enim vitae massa. Integer vel massa ac eros vestibulum venenatis. Phasellus augue.

Vestibulum vitae orci. Suspendisse et nisl. Ut consequat suscipit libero. Vestibulum id libero. Integer ut enim in sem porta hendrerit. Sed a turpis sed neque blandit mollis. Quisque non ante. Donec arcu lacus, accumsan ac, porttitor id, commodo eget, odio. Curabitur sed nulla id sem mattis pellentesque. Nullam suscipit accumsan nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed velit. Sed elit.

Lab Index | 456 Berea Street Home | Copyright © 2003-2014 Roger Johansson