Log in

View Full Version : Shifting Cells - frontpage vs browsers - Basic CSS Question


ckusitor
06-20-2008, 03:03 PM
Hi,

Im desperate for some advice/help with this, I have created a website for my client using frontpage, when I test it on my aol and IE it appears perfect (as in the second screen grab attached), when my client opens it in his salon (aol) he sees the same thing but when he opens it at home (aol and IE) he sees the first screen grab (where 3 cells have shifted to the right of the background image) and now the background image has started to tile by 1/3rd(no screen grab attached). I have checked my tables and have insured that all cells calculate a total of 800px by 600px. My clients computor screen size is approx 15inchs, mine is 17inchs
Could you please advise me on what you think my be causing the shift in the images/cells?

Thank you in advance.
jscheuer1
06-20-2008, 03:17 PM
Cells have padding and spacing by default, so will not always add up to what you think, but this may have nothing to do with it. If you make your browser window narrower, you may be able to see what the client sees.

Now, though FP is notorious for not being the best editor, in this case I'd save a backup of the current page and see if I could get a working copy to look right in FP, because FP is obviously accounting for something that you are not. But this may still not fix it.

Other than that, we would need to see the actual page. It looks and sounds like you have set the position of the table, rather than allowing it to center, but I cannot tell for sure without seeing the page.

There are many other browsers around than the ones you mentioned. Are these the only ones you are concerned with?

Please post a link to the page on your site that contains the problematic code so we can check it out.
ckusitor
06-20-2008, 04:03 PM
Hi John, thank you for coming back to me, i have sent you a PM.
ckusitor
06-22-2008, 07:41 PM
Hi John

did you get my email/files?
i have tried a FP cleanup tool so will ask the client to test that tomorrow. In the meantime i will do what you said and adjust my sreen size and also run tests...can you see anything wrong with my files? please check your junkmail/waste bin, my email address has a habbit of masquerading(spelling!) as spam. Thanks again.
C
ckusitor
06-23-2008, 03:48 PM
Hi, is anyone else available to give any advice on this? I have cleaned the FP script using an online tool, and still no joy...a developer has also looked at it for me and he cant see what the issue may be, i have asked the client to update his aol browser, if there is anything else anyone can think of i would greatly appreciate some advice...John mentioned about centering my table/page, currently the table alignment is centred and float is set to default in table properties...
Medyman
06-23-2008, 05:09 PM
As John said, upload your site somewhere and post a link. I or someone else would be happy to take a look.

From your descriptions, there is a lot of room for error to happen -- table design, Frontpage, the AOL "browser".

If you don't want your site public, feel free to PM me the link.
Medyman
06-23-2008, 06:11 PM
Ok...

Some basic problems:

1) You don't have a Doctype. The first thing you should do when trying to achieve cross-browser design is use a proper doctype. Read more about it here (http://www.alistapart.com/articles/doctype/).

2) Your CSS is not within the <head> of your page. Move your entire <style> section above the </head> tag.

3) Tables aren't meant for layout. You should switch to a full CSS design. As John has explained, there is default padding/margins within tables. Different browsers render different amounts of padding/margins. This will cause your design to break or display improperly in many environments. So, you should use CSS and standardized HTML.

4) The <font> tag is deprecated. You should use CSS to assign those font styles.

After all that is taken care of, you can move ahead to troubleshooting your offset-cells.
ckusitor
06-23-2008, 06:48 PM
Hi Medy, thank you for your comments, I have done 1 and 2 but noy sure how to do
3 and 4...

3) do you mean use layers? i can only work in frontpage and not sure which other ways i can do...

4) how can i do this? again my knowledge is limited to FP and basic editing of html...