FORUMS: list search recent posts

pls help: Different look in different browsers

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Teresa Pereira
pls help: Different look in different browsers
on Sep 12, 2009 at 2:20:18 pm

DW CS3 is driving me crazy. Just made some changes to a website. The result looks different in different browsers. it looks OK in firefox, looks bad in IE 8, looks not great but different in IE 6, bad in Safari and well in Opera.
The development is made on DW CS3 on Mac OSX.
There are 2 different problems:
1) some pages move by approx 15 pixels when switching, but it behaves differetly in different browsers
2) the navigation bar becomes messed up, depending from the browser you use.

old: http://www.presentationcoaching.pl/
new: http://www.pixelsandframes.com/webtesting/

Any ideas how to fix the problem, where to look for a solution. I rechecked 1000 times the page settings with no results.

I will appreciate all you help
many thanks in advance.


Return to posts index

Mike Smith
Re: pls help: Different look in different browsers
on Sep 12, 2009 at 5:40:52 pm

Browsers do render differently. If your code complies with web standards, most modern browsers will try to render it in compliance with the w3c (worldwide web consortium) recommendations. But if your code does not comply with html standards, many browsers switch to their own "quirks" modes - and attempt to present your non-compliant code as they think you may have meant it. Those quirks modes can vary quite a lot.

So it will help you to get your code to comply. At present your new page has a lot of html errors, and one css error. You can check these for yourself at at http://validator.w3.org/ for html and http://jigsaw.w3.org/css-validator for css.

Once you pages are standards compliant, you can work on any remaining issues. IE6 is old, now relatively little used, and quite hard to support; my recollection is that it has a different interpretation of the box model, handling margins and borders in a non standards way, but I haven't checked that today and my memory could be off. Safari is a worry - it's reported to do a good job of meeting w3c standards, so you would hope to have it render your site as you want it.



Return to posts index

Fernando Mol
Re: pls help: Different look in different browsers
on Sep 13, 2009 at 7:09:21 am

Hi, Teresa

I agree with with Mike about the web standards. It's always a good starting point.

Also, I see you have embedded this rule in some of your pages:

body {
margin-right: 15px;
}


I believe you are trying to stop your content to be re-aligned when scrollbars appear or disappear, the problem you have is that not all browsers have the same scrollbar width.

There is not a simple way to fix that issue in all mayor browsers.

My suggestion is to develop more content to enrich the pages that are not tall enough to show a scrollbar on bigger screens. Poor content pages doesn't look good anyway.

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.


Return to posts index


Teresa Pereira
Re: pls help: Different look in different browsers
on Sep 13, 2009 at 10:32:44 pm

Hi fernando,

Thank you so much for your help.
Your input helped me move forward with the project.
Thanks again!


Return to posts index

Karen Ness
Re: pls help: Different look in different browsers
on Dec 10, 2009 at 2:55:41 am

Hi Fernando, its me again, you were so helpful with my last problem that decided to try again with my current problem. My page is exactly as i want it in IE8 but when viewed in Firefox the whole main body area appears right justified. I followed the instructions that you gave to the original poster in this thread and the validated code came up with errors, my problem is i don't know how to fix these errors. Is there a program that will correct the errors in validated code or at least tell me in plain english what i need to do to correct them?

http://www.pakenhamosteo.com.au


Return to posts index

Karen Ness
Re: pls help: Different look in different browsers
on Dec 10, 2009 at 2:58:52 am

Hi Fernando, its me again, you were so helpful with my last problem that decided to try again with my current problem. My page is exactly as i want it in IE8 but when viewed in Firefox the whole main body area appears right justified. I followed the instructions that you gave to the original poster in this thread and the validated code came up with errors, my problem is i don't know how to fix these errors. Is there a program that will correct the errors in validated code or at least tell me in plain english what i need to do to correct them?

http://www.pakenhamosteo.com.au


Return to posts index


Fernando Mol
Re: pls help: Different look in different browsers
on Dec 10, 2009 at 5:21:56 am

Some software, like Dreamweaver, have tools to automatically fix common code problems, but most of the times you need to fix them manually.

To do that, open your HTML page in a text editor. You can use a simple text app like WordPad on Windows or you can download one code specialized app. I use Notepad++

Then, go line by line and make the fixes. Some of the validator alerts aren't that important, but pay special attention to those marked as critical. Also, every error comes with an explanation. Don't forget to read them all.

I hope this helps

*Always share a link to your site and rate the posts. This is a free service for you and for us.


Return to posts index

Karen Ness
Re: pls help: Different look in different browsers
on Dec 17, 2009 at 2:06:59 am

Hi Fernando, thanks again for your help. I have done my editing and have gotten the site down to 4 errors(down from 30), the final 4 make changes to the page so i left them alone. The page now looks good in both IE8 and Firefox. However something is still not right and i dont know how to overcome/correct it. When navigating through the site, it returns to the home page in between going to where it needs to go, previously before i made all the changes, you could select any of the navigation buttons in the left hand menu and it would take you directly to that page. Now, as i said before, it goes back to the home page before taking you to the selected page. Any suggestions would as usual, be gratefully accepted, thank you.

http://www.pakenhamosteo.com.au


Return to posts index

Fernando Mol
Re: pls help: Different look in different browsers
on Dec 17, 2009 at 7:12:54 pm

Your links are different. As I told you before, you site is dynamic. It's a PHP site.

If you look at the status bar in your browser, every time you click no a link it changes. For example, click on the FAQs and the first time the link will target this URL:

http://www.pakenhamosteo.com.au/faq.html?showTopic=faq

Then, click again the FAQs and it will show this:

http://www.pakenhamosteo.com.au/index.php?showTopic=faq

See? the first time the link goes to the page called faq.html and sends a variable of showTopic=faq

The second time it goes to index.php and sending the same variable.

Why does this happen? Well, impossible to say without looking at the PHP code. My advice is, if you don't know anything about PHP, get someone who does and can fix you the code. I can't do it here, because the PHP code is rendered in your server before I can actually look at it. Someone needs to get into your computer and see where is your code hidden.

*Always share a link to your site and rate the posts. This is a free service for you and for us.


Return to posts index


Karen Ness
Re: pls help: Different look in different browsers
on Dec 22, 2009 at 1:17:37 am

Hi Fernando, I have renamed index.php to index.html and removed all the php code. I also manually changed all the .php links to .html.
The page still bounces all around when selecting from the left hand menu. Any other suggestions please?

http://www.pakenhamosteo.com.au


Return to posts index

Fernando Mol
Re: pls help: Different look in different browsers
on Dec 22, 2009 at 1:27:15 am

You are still sending php variables.

http://www.pakenhamosteo.com.au/staff.html<b><i>?showTopic=staff</i></b>

You see? everything after the question mark is the definition of a variable called "showTopic".

I hope removing them from your links will help you.

*Always share a link to your site and rate the posts. This is a free service for you and for us.


Return to posts index

Karen Ness
Re: pls help: Different look in different browsers
on Dec 22, 2009 at 1:50:02 am

http://www.pakenhamosteo.com.au/staff.html?showTopic=staff

Are you saying that the ? in the above line signifies the begining of the php variable? Do i need to remove the ? and all the code following it from the code in each of my pages to remove all the php. Or is there a simpler way of removing the php from our web page?
There must have been a reason it was put there in the first case, what changes can i expect to the overall performance of the site without the php?


Return to posts index


Fernando Mol
Re: pls help: Different look in different browsers
on Dec 22, 2009 at 5:32:16 am

I was talking just about the links in your menu.

I can't see the PHP code in your site (it's already rendered to HTML when you saw it on the web) and the code you have pasted doesn't seems to have any PHP inside. And you swear you pasted all the code from your file in DW in code view. Something doesn't make sense.

Maybe you need somebody that know a little about PHP in front of your computer, to see all the docs and code in your site.

And yes, there's a reason this variables are there. But since I can't see the entire site it's my best guess to remove them. That way you'll clean the navigation and probably solve the problem you actually have.

If you could post a screen-shot of the files in your site, that could help.

*Always share a link to your site and rate the posts. This is a free service for you and for us.


Return to posts index

Teresa Pereira
Re: pls help: Different look in different browsers
on Sep 13, 2009 at 10:21:23 pm

Mike,
Thank you so much for your help!
Your input let me move forward with the project.
Thanks again!!!

Teresa


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]