Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder Kevin_M_Schafer's Avatar
    Join Date
    Apr 2011
    Location
    Fairfax, Minnesota, U.S.A.
    Posts
    482
    Thanks
    97
    Thanked 17 Times in 17 Posts

    Firefox, Chrome, IE -- visual uniformity

    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.

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by Kevin_M_Schafer View Post
    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.
    Teed

  • Users who have thanked teedoff for this post:

    Kevin_M_Schafer (04-25-2011)

  • #3
    Regular Coder Kevin_M_Schafer's Avatar
    Join Date
    Apr 2011
    Location
    Fairfax, Minnesota, U.S.A.
    Posts
    482
    Thanks
    97
    Thanked 17 Times in 17 Posts

    Here's is a link

    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.

  • #4
    Regular Coder Kevin_M_Schafer's Avatar
    Join Date
    Apr 2011
    Location
    Fairfax, Minnesota, U.S.A.
    Posts
    482
    Thanks
    97
    Thanked 17 Times in 17 Posts

    One more thing . . .

    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.

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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 first.
    2) Validate your page often during development.
    3) http://boagworld.com/technology/sema...e-what-why-how
    Last edited by abduraooft; 04-25-2011 at 05:13 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    Kevin_M_Schafer (04-25-2011)

  • #6
    Regular Coder Kevin_M_Schafer's Avatar
    Join Date
    Apr 2011
    Location
    Fairfax, Minnesota, U.S.A.
    Posts
    482
    Thanks
    97
    Thanked 17 Times in 17 Posts
    Thanks, abduraooft.

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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •