Hi there, I'm having some issues with how Safari is displaying items on one of my pages. First, here is the page:
http://www.joelschettler.com/about/ It displays as it should in FF and IE. Second, here is the section in question: "Recommended Reading" (left hand side column, below "What I'm Reading") Third, here are the details: 1. When the titles on those books were shorter (e.g. just "Blink" for the top one and "The 10 Faces of Innovation" for the bottom) , each book and its titles displays next to the other (left to right, rather than stacked on top of each other). I made the titles longer (added more words) and it appears to have helped them stack, but there is still an issue of: * - what if he has books with short titles? - why is there a huge gap between the "recommended reading" header and the books below it?* 2. Please note these books are using the same code as the "What I'm Reading" Section above it. Here is the page code: (I edited out the expression engine code being used to generate the books) <div class="sidetitle">Recommended Reading</div> <div class="sidetext"> <div class="booktext"> <div class="bookthumb"><a href="http://urltobook";><img src="http://srctothumb";></a></div> <div class="booktitle">Title of book</div> <div class="bookauthor">Author of book</div> </div><!-- end book text --> </div> 3. Here is the css code for the above classes. I have a hunch it's my floats that are causing issues in Safari, but I don't know why/how or what might help (I don't have Safari to troubleshoot, I've been using a capture program) .sidetitle {text-transform: capitalize; } .sidetext {font-size: 10px; padding: 5px 0 30px 0; } .booktext {float: left; margin-bottom: 20px; } .bookthumb {float: right; padding-left: 10px; } .bookthumb img {padding: 5px; border: 1px solid #6F675A; } .booktitle {font-size: 11px; color: #6F675A; font-family: 'Bookman Old Style', Georgia, Times, serif; font-weight: bold; } (.bookauthor has no style definition) So again, how to troubleshoot for books with shorter titles and how to solve the "gap" problem currently seen on the page. If need be, I am happy to "shorten" the title of the books to display for people the issues that caused. Thank you very much for your help and time. Oh, and yes, I usually use flexible font sizes but some other issues prevented me from doing so on this project :) Reese [EMAIL PROTECTED] -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.375 / Virus Database: 267.15.0/249 - Release Date: 2/2/2006 ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
