Posted by Dan Eastwell
Mon, 29 Jan 2007 10:14:00 GMT
You'd think that with IE7's zoom feature, we'd get rid of one real testing headache when creating scalable layouts with CSS.
That's true in the vast majority of cases, but there are still issues with techniques we've come to get used to.
Take this example: www.digitaluk.co.uk.
With one level of zoom, you find that the calculation for the centering of the navigation gives a different result to that for the main content:
And is greater at the second level:
This may be due to the fact that the navigation is absolutely positioned, within a relative parent container, a technique for getting main content first on the page (normally for SEO), but not first when viewed in the browser.
This may be an issue we front-end developers need to tackle, or it may be a bug in IE7's zoom facility, I've not tested this thoroughly enough yet, but there is an issue that needs resolving.
Posted in Browsers, CSS, XHTML, Interface Development | Tags css, html, IE7, resize, resizing, zoom | 1 comment
Posted by Dan Eastwell
Thu, 14 Dec 2006 13:22:00 GMT
We've all learned that sending HTML emails is the devil's work. If you haven't yet, I suggest you look at this list of articles on sending HTML emails.
Safe now in the knowledge that you need to forget all you know about semantic structure, separation of content from style and table-free layouts, you've constructed your email, to find that Microsoft's new alternative for hotmail, Live Mail, doesn't display your emails correctly.
Read more...
Posted in Browsers, CSS, XHTML, Interface Development, The Web | Tags email, html, htmlemail, live, livemail, mail, microsoft, safehtml | 3 comments | no trackbacks
Posted by Dan Eastwell
Sat, 25 Nov 2006 11:26:00 GMT
Seeing as my site's called The Thought Balloon and I write a lot about CSS, Javascript and HTML, I get a lot of search engine queries for people looking for a 'CSS balloon' or a 'javascript balloon'.
Read more...
Posted in CSS, XHTML, Interface Development, Javascript and the DOM | Tags balloon, coding practice, comment, css, graceful degradation, html, javascript, popup, progressive enhancement, xhtml | 3 comments | no trackbacks
