Cross browser Conflict Dreamweaver
by Steven Panzullo
on
Jul 10, 2008 at 11:26:25 pm
Hi
what is the best way to diaganose an issue where the webpage looks fine in IE 7.0 but firefox it is distorted? example www.sandiegodrywallnow.com
Thanks for any help on this specific issue or suggestion on how to diagnose cross browser comaptability between FireFox and IE 7. Fire fox is great but 99% of my customers are using IE 7.0
Re: Cross browser Conflict Dreamweaver by Abraham Chaffin on Jul 15, 2008 at 8:18:09 pm
There are many different problems that can occur with different browsers. Generally the best way is to check your page in multiple browsers and deal with each issue individually.
http://browsershots.org Is a good utility to show screen shots of what your page looks like in multiple browsers.
What specifically is the issue with the page you are looking at?
Re: Cross browser Conflict Dreamweaver by Steven Panzullo on Jul 15, 2008 at 8:51:01 pm
Thanks Abraham,
The issue I think is appears that when I name the font a H1, h2 or p it throws off Firefox but not explorer. I removed all tags and used a ccs style to over come the error in (FF). It is working.
I'm wondering if I cut the the slices to small in Adobe Fire works so when the tags are added to the text in a small area (FF) causes the html to push out to much.
If you have any ideas that would be great, thanks so much for this great forum.
Re: Cross browser Conflict Dreamweaver by Abraham Chaffin on Jul 15, 2008 at 9:22:27 pm
The main difference I see between FF and IE is the left nav bar. I see a double white line that is caused by the background repeating.
I suggest restructuring the layout of the page not using the slices so much. Use the slices for the main portions but for things like the navigation make that one slice and then use Dreamweaver's tables or divs to setup the structure. Doing it this way makes things much more consistent across multiple browsers.
Re: Cross browser Conflict Dreamweaver by Steven Panzullo on Jul 15, 2008 at 9:38:43 pm
I see! So cut the entire box as a back ground and on each button area add html text link on top and not cut each lil button out under neath as a slice?
Re: Cross browser Conflict Dreamweaver by Abraham Chaffin on Jul 15, 2008 at 9:47:38 pm
Yea - it makes things cleaner. You could also manually setup the table inside there if you want to have a sub table that controls the look of each individual link. You could set it up to have a single line of white like you have now.
Using slices the program that creates the HTML makes every slice in one table and tries to accommodate the entire layout using one table. The creates problems when you adjust things and add different content. It's much cleaner to use tables inside of single regions to create your formatting.
