金曜日, 9月 22, 2006

The Box Model Problem

The Box Model Problem


This is the site that deals with various hacks to different web browsers. It is a series of web letters mainly talking about IE box model.


The Box Model Problem: Support Links

  • The Tantek Box Model Hack:
    Tantek Çelik
    ( http://www.tantek.com/CSS/Examples/boxmodelhack.html )
  • The Tan Hack, also known as the Modified Simplified Box Model Hack:
    Edwardson Tan
    ( http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html )
  • The Commented Backslash Hack, v2:
    Sam Foster
    ( http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html )
  • James Craig
    ( http://www.cookiecrook.com/sitemap.php )

Box model comparison graphic courtesy of Big John. ( http://www.positioniseverything.net/ )

火曜日, 9月 19, 2006

Web site design

It seems that in the near future, wet site composing and designing is still the coming work for all of us.
A List Apart is a good place for us to read and learn something about web designing and web problem solving .

getBrowserWidth

Resolution dependent layout


function getBrowserWidth()
{
if (window.innerWidth)
{
return window.innerWidth;
}
else if (document.documentElement && document.documentElement.clientWidth != 0)
{
return document.documentElement.clientWidth;
}
else if (document.body)
{
return document.body.clientWidth;
}

return 0;
};

Text-Resize Detection

I wonder that how to detect IE font change in my Javascript professionals. Today, to my surprise, that this guy give a good example at

Text-Resize Detection

by Lawrence Carvalho, Christian Heilmann

水曜日, 9月 06, 2006

月曜日, 9月 04, 2006

Position Is Everything

Here are some great contents related to bugs of various web site browsers . I quote the first sentence here:

Position Is Everything
A compendium of CSS positioning bugs