...

View Full Version : Firefox, Chrome, IE -- visual uniformity



Kevin_M_Schafer
04-25-2011, 02:25 PM
I'm finally taking the time to make my site work on Firefox and Chrome the same as it appears in IE. This involved css to make all tables and apply border color.

Question: I wanted a light gray line at the bottom of one table. What appeared in IE didn't appear in Firefox and Chrome. What I ended up doing was coloring the bottom border of the table for IE, and coloring the bottom of the cells for Firefox and Chrome. The gray line now appears the same in both browsers. Is this normal to have to go to this much extra work to make things view the same?

I know I've read that tables are yesterday's news. Maybe I'll have to move away from them, but for now things are working great.

Any insight would be appreciated. Thanks.

teedoff
04-25-2011, 02:38 PM
I'm finally taking the time to make my site work on Firefox and Chrome the same as it appears in IE. This involved css to make all tables and apply border color.

Question: I wanted a light gray line at the bottom of one table. What appeared in IE didn't appear in Firefox and Chrome. What I ended up doing was coloring the bottom border of the table for IE, and coloring the bottom of the cells for Firefox and Chrome. The gray line now appears the same in both browsers. Is this normal to have to go to this much extra work to make things view the same?

I know I've read that tables are yesterday's news. Maybe I'll have to move away from them, but for now things are working great.

Any insight would be appreciated. Thanks.

Yes, by your own admission, tables are old news and should not be used for page layouts. Why you would then want to waste all this time working out bugs for a design that you say you will eventually move away from is counter productive IMO.


but for now things are working great

or maybe not so great??

One the other hand, in order to get some help you do need to show your code at least. A link to the site would be better.

Kevin_M_Schafer
04-25-2011, 03:25 PM
I know you professionals will scratch your heads over this. I will get better and be able to do this all someday with code -- and not visual editor help.

For my homepage I use Publisher. As a code fragment, I inserted my outside table, header, navigation, and search box -- using css. All of this appears on my Publisher page as a tiny square box in the upper left hand corner.

Everything below the light gray line ( which is just under the navigation links and search box ) I use the visual capabilities of Publisher. The background color, which is a light, light blue, I use the built-in background feature in publisher. I have no idea how Publisher knows to color right up to my main table, but it does it.

I still have to add my favicon and page center fragment with notepad after I save the page to html.

http://www.theeagleextra.com

Someday I will use strictly code and no tables just like you.

Thanks, Kevin.

Kevin_M_Schafer
04-25-2011, 03:33 PM
Before my site gets too big -- page wise -- I'm going back and retolling using ssi for the page ads and copyrights.

There are a few nav pages that need to be recreated in html 5 instead of what they currently are.

There just doesn't seem to be enough hours in the day.

abduraooft
04-25-2011, 04:02 PM
Your markup is a total mess, I've to say!
How did you prepare it? It's worser than one document prepared by any WYSIWYG editors or any image slicers (like photoshop). So, it's totally meaningless to talk about cross browser issues at the moment.

You need to hand-code your page using the most appropriate tags in the required places. Have a look at http://bonrouge.com/3c-hf-fixed.php to see how to make a 3 column layout.

Additional reading
1) Choose the right DOCTYPE (http://www.alistapart.com/articles/doctype/) first.
2) Validate your page (http://validator.w3.org/docs/help.html#validation_basics) often during development.
3) http://boagworld.com/technology/semantic-code-what-why-how

Kevin_M_Schafer
04-25-2011, 04:47 PM
Thanks, abduraooft.

I'll be taking a look at your links by the weekend. I appreciate your help.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum