 |
 |
The Business Blog at Intuitive.com
|
Dave Taylor has been involved with the online world since 1980 and
is recognized globally as an expert on both technical and business
issues. He has been published over a thousand times, launched four Internet-related
startup companies, has written twenty business and technical books and holds both an MBA and MS Ed.
He's a columnist for the Boulder Daily Camera and
Linux Journal and frequently appears
in other publications both online and in print.
Additionally, Dave maintains four weblogs:
The Business Blog at Intuitive.com,
Ask Dave Taylor,
Dave On Film,
and
GoFatherhood.
Based in beautiful Boulder, Colorado, Dave is an award-winning speaker, sought after conference and workshop participant and
frequent guest on radio and podcast programs, as well as active member of
his community and busy single father to three children.
|
The tale of the stray width
Those of you that read this on Windows systems have probably found that the content occasionally lays out a bit oddly, such that the top graphic has a white gap within. Thanks to some help from a couple of CSS wizards, I think I've identifed - and solved - the problem.If you've done a "view source" on these pages, you'll already know that there's a separate (and quite long) CSS stylesheet called styles-site.css. Within it is one critical entry, lsidetitle, that's used for the link of other blogs and recommended books on the left side of the main page. Its CSS looked like this:
.lsidebox {
width: 80%;
margin-top: 10px;
margin-left: 10%;
border: 1px solid #531;
padding: 0px;
text-align:center;
}
Browsers on the Macintosh, including both IE and Safari, worked differently, letting the text cascade over without widening the table (producing overlapped text).
The fix? Two-fold: remove the width:80% style and add an additional style that informs the browser that it should clip material that doesn't fit within the box: clip:rect(). And the new version should hopefully work just fine now.
Special thanks to both Bo Leuf and John Locke for their help debugging this.
|
Before you leave a comment, a tip: If you're interested in blogging, you should sign up for my Blogsmart News so you can stay up to date
on the latest insider tips and ideas for your Internet business and marketing
efforts. Sign up right now and you'll get a free copy
of my "Insider's Guide to Blogging" ebook too! |
 |
 |
 |
|
 |
|
 |
|
 |
|
 |
|
 |
|
 |
|
 |
|
|
|
|
The Business Blog
