Pixel free layouts
Index. This is another "elastic" template, it's an improved version of Resize Me. This time every single pixel is converted to ems, even the borders are resizable. To spice up the typography I have used flash combined with regular jpg's, and css to make it a bit more accessible. If the user doesn’t have flash installed the jpg's will display instead. All headings are there, they are just hidden using CSS (display: none;) I have added a little ajax widget as well, check it out in the menu :) It's resizable, it's valid, and it works in the latest versions of Firefox, Internet Explorer and Opera. It even has a transparent div that works in IE without any hacks at all. I would love to hear your opininon, suggestions or any other comments that you may have, post your comments at the Webart community. Feel free to use this template in any way you like. If you want to know how I did this template read the tutorial here. Svein Erik also made a neat little application that let you convert pixel values to ems to ease your life if you get the ems fever like me. You'll find it in the converter folder.
Sed interdum augue id tortor. Morbi rhoncus consectetuer erat. Aliquam hendrerit mollis lorem. Duis risus odio, gravida vitae, tempus in, ullamcorper ac, tortor. Donec pharetra tristique massa. Nullam leo eros, auctor nec, porttitor et, aliquam at, augue. Praesent bibendum lacinia dolor. Aenean in enim eu felis auctor tempor. Morbi interdum mauris quis elit. Morbi dignissim fringilla pede. Nunc mi erat, pulvinar et, vestibulum et, accumsan ut, erat. Maecenas euismod dignissim libero. Suspendisse eleifend. Pellentesque nec urna. Aenean sed est et orci lobortis molestie.
Combining Flash and Css
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam laoreet, magna at cursus accumsan, neque est varius eros, eget feugiat felis urna at pede. Mauris lorem. Fusce venenatis turpis vel nibh congue tempus. Proin nonummy nulla vel lectus scelerisque accumsan. Nulla accumsan, elit et malesuada ultrices, lacus nibh dictum dolor, ac vulputate erat libero et risus. Pellentesque justo. Nam mattis tristique lorem. Fusce bibendum ligula eget mauris convallis gravida. Sed ornare feugiat sapien. Vivamus tincidunt tortor blandit nulla. In enim ante, molestie non, eleifend a, vulputate nec, augue. Maecenas mauris dolor, hendrerit sed, laoreet nec, volutpat at, ipsum. Donec a erat. Etiam eget dolor ultricies tortor venenatis consectetuer. Aenean id neque. Aliquam lacus. Aliquam congue accumsan ipsum. Proin nulla. Duis ac nunc sed lectus interdum fermentum.
Sed interdum augue id tortor. Morbi rhoncus consectetuer erat. Aliquam hendrerit mollis lorem. Duis risus odio, gravida vitae, tempus in, ullamcorper ac, tortor. Donec pharetra tristique massa. Nullam leo eros, auctor nec, porttitor et, aliquam at, augue. Praesent bibendum lacinia dolor. Aenean in enim eu felis auctor tempor. Morbi interdum mauris quis elit. Morbi dignissim fringilla pede. Nunc mi erat, pulvinar et, vestibulum et, accumsan ut, erat. Maecenas euismod dignissim libero. Suspendisse eleifend. Pellentesque nec urna. Aenean sed est et orci lobortis molestie.