Posts Tagged ‘html’

Flexible HTML layout with footer positioned at bottom.

Posted in XHTML / JavaScript / CSS on August 18th, 2009 by Thomas – Be the first to comment

This html and css will produce a grid where the footer is positioned at the bottom of the viewport until page content extends the viewport. The footer will then follow after the content end.
read more »

Goodbye sIFR? Hello typekit?

Posted in XHTML / JavaScript / CSS on June 3rd, 2009 by Erland – Be the first to comment

(…)As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts. This really is going to change web design(…)

http://blog.typekit.com/

Why Does Clean Markup Matter in Web Design?

Posted in XHTML / JavaScript / CSS on May 6th, 2009 by Erland – Be the first to comment

Because the web is a changing and ever evolving organism, it’s important to build sites that can grow with it and easily ride the current instead of drowning when a new wave approaches.

Clean markup and building with web standards not only helps you do this, but will save you both time and money in the long run.

Why Does Clean Markup Matter in Web Design?

Embedding Flash without messing up the HTML fall back

Posted in XHTML / JavaScript / CSS on April 1st, 2009 by Erland – Be the first to comment

Sometimes we need to insert a 100% Flash into a page. This little snippet shows you how you can achieve it without breaking the normal browser behavior (scrollbars etc) for users viewing the retro HTML fall back.

Prerequisites: jQuery and swfobject 2.

read more »

Size of iframe in Internet Explorer

Posted in XHTML / JavaScript / CSS on April 1st, 2009 by Thomas – Be the first to comment

I wanted to append an iframe to my html dynamical using javascript.

My HTML is as follow:

<iframe src="my-url" height="587" width="528" frameborder="0" scrolling="no" align="left">
	<p>Your browser does not support iframes.</p>
</iframe>

This work fine in all browsers except IE 6 / IE 7 / IE 8

It looks like IE resizes the iframe after loading the content, wich destroyed my layout.
The solution is to set width and height with css and add !important:

iframe {
	width:528px !important;
	height:587px !important;
}

Fluid grids

Posted in XHTML / JavaScript / CSS on March 27th, 2009 by Chr – Be the first to comment

A List Apart wrote an interesting article about Fluid Grids. Enjoy!

Site Compatibility and IE8

Posted in XHTML / JavaScript / CSS on March 24th, 2009 by Erland – Be the first to comment

Reports of broken sites are an important part of the feedback the IE team receives from the community. When they receive a report of a broken site, they take it and identify the core issue causing the problem. A number of these issues end up being side effects of changes they deliberately made in IE8, but even these are useful. They help the team identify which IE8 changes have the broadest compatibility impact. In this post they share some of these issues with us so we can quickly identify problems affecting our sites when migrating from IE7 to IE8.

http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx