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/
>
______________________________________________________________________
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/
