Hi. This is my first post.

My store pages are rendering incorrectly in Safari. They look fine in Firefox and Internet Explorer, but in Safari, the page splits and the black page background shows in the middle (not sure this make sense). If you look at this page in Safari you will see what I mean:

http://logoschoolgear.com/highschools.aspx

How do I fix this?

Thanks.

The cause of this is the top part is your center section and the bottom is your footer. Something is causing their to be padding in between the two in safari so it stretches out.

You might want to try adding the following to your own css file as this might resolve the issue for you -



For info on css checkout - http://forums.networksolutions.com/?automo...ist&tag=css

Joe

Hi Joe,

Thanks. I will try this and see if it works!

Hi again,

I tried your suggestion and it did not work. I want to make certain I am saving the css file correctly. I added the code you suggested and saved it as a file titled acustom.css. I uploaded this file to this directory:

website root\themes\customstore\css

Did I do this correctly? Do I need to reference this css file somewhere in my store pages - in my header or footer for instance?

Thanks.

Try renaming your file to zcustom.css

I think their css will overwrite your css when you name it acustom.css if their css is custom.css,
They load the css alphabetically i think, so Zcustom.css will overwrite acustom.css or ycustom.css etc.
(IMG:http://forums.networksolutions.com/style_emoticons/default/smile.gif)

I tried that, but it didn't work.

I thought maybe I needed to place a link to the zcustom.css in the footer, but that didn't work. Everytime I tried to save the footer, it deleted the css link.

I'm sure I need to link to this css file, but where do I do it?

Any help would really be appreciated.

I've decided to move and redo the design. Some things aren't worth the time.

Thanks for your help.

- Regina

Hi, I'm opening this up again as I've been unable to solve this pesky problem.

I modified one of the Network Solutions templates - making the background black and the page width 800 pixels (instead of 100% width, white background). It looks great in all browsers except Safari. In Safari, the page seems to split with the header and footer not meeting so that the black background shows in the middle of the page. Here are two examples of pages that do not render correctly: http://logoschoolgear.com/return-policy.aspx and http://logoschoolgear.com/highschools.aspx

As you can see, as more content is added to the top of the page, the black gap narrows.

Joe suggested adding some code to my css file and uploading it which I did. You can see his suggestion if you scroll up to August 15. The css file was named correctly and placed in the right location, but the fix did not work.

Does anyone else have any suggestions? I thought about trying to force the header to drop down -- Joe's fix was for the footer -- but I don't know how to do that.

Any help would really be appreciated.

I believe this is something that Network Solutions should address and fix. I have looked at other sites using the Network Solutions e-commerce package and some have the same issue. The designer(s) may not be aware as it's possible that they have not viewed their site(s) in Safari.

Here is one such site: http://www.diapercakery.com/

The target audience my site is addressing, though, is young and love their Macs and, no doubt, use Safari.

For now, I have created a workaround: Although my design does not need columns, I added both left and right columns and placed a blank gif 15 px w x 500 px high into each column which forced the content down so there is no gap.

I'm happy I found a work-around, but wish this would be fixed.

Put this in your css file:

Thanks, Andy. I will try this.

This is something Apple needs to address and fix as it's their browser that's not rendering the page correctly. Safari has always been a little weird when it comes to web standards. Technically speaking, Safari follows web standards, but does so to a fault.

Internet Explorer and Firefox both render in what's called "quirks mode."

This has been my experience at least.

Did you ever fix the issue? Whenever I view the pages you referenced in Safari, they seem to look just fine now.

I fixed it with the work-around I mentioned. I want to try the suggestion from Andy, but haven't had a chance, yet. As soon as I do, I'll post my results.

Thanks.