Thanks so much. (The specific reason I set it up the way I originally had it was ignorance :) although I don't have that excuse, really, after going through Eric Meyer's really excellent book *CSS Web Site Design*.)
I guess that same solution would apply to my wrong-headed layout here?: http://www.callibeth.com/galleries.htm Beth -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Dawson Sent: Friday, January 12, 2007 4:36 PM To: [EMAIL PROTECTED]; [email protected] Subject: Re: [css-d] Page check for newbite For starters, it's a very attractive first css layout. Congrats! I noticed one thing right away- and I don't think it has anything to do with the Safari problem you mention. Your layout scheme for the three columns (defined in index.css) is a little wonky. If I resize the size of my browser window, the left two boxes/columns (Calligraphy & Book Arts and Art Prints for Sale) stay relatively still, while the Weddings & Celebrations box/column, moves wildly about. The reason for this can be found in this code: #col1 { width: 150px; left: 330px; background-image: url(../site_images/A.jpg); } #col2 { width: 150px; left: 555px; background-image: url(../site_images/B.jpg); } #col3 { width: 150px; right: 330px; background-image: url(../site_images/C.jpg); } The problem is that third column is being position relative to the right side while the other two are relative to the left. What you end up with is a scenario at certain browser window sizes where the third column obscures one or both of columns 1 and 2. Easy fix though, right? All you have to do is position col3 with the left offset property. (Was there a specific reason you set it up the way you have it?) Matt On 1/12/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > My first CSS website. And my first post (hope it's not a duplicate), > although I've been trying to follow and learn from the discussions for > several weeks. > > http://www.callibeth.com/index.htm > Although this page looks as I want it to in Firefox/PC and IE7/PC, I > understand that this page doesn't do well in Safari/MAC -- the first and > third letter boxes fall below the viewport, and middle box doesn't show up > at all. Any clues as to how to fix it? > > Any other advice appreciated. I'm afraid my CSS has midstream-project > spread. I'm not sure whether I should reference the CSS files. In case > yes: > http://www.callibeth.com/css/main.css > http://www.callibeth.com/css/index.css > > Regards, > > Beth Lee > Tallahasee, Florida > www.callibeth.com > callibeth.blogspot.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
