Table cells being repeated firefox & safari

Posted on 2008-11-18
Last Modified: 2012-05-05
I'm doing this simple website ( using just basic table layout... if you view it in firefox, you can see a sliver of the bg is repeating on the right hand side of the content.

Any suggestions?
Question by:hzrdc2
    LVL 15

    Expert Comment

    right now your webserver is down
    LVL 15

    Expert Comment

    well it's back up now, but the page renders fine for me in FF3

    Author Comment

    maybe it's just a mac thing... I'm assuming you don't see the one pixel line? (see attached)

    LVL 15

    Expert Comment

    nope, I dont see it.
    LVL 44

    Accepted Solution

    tables with BG are fairly simple to handle if you don't allow the extra room for the repeat.  e.g. if the BG is 435 px wide, you want the table to be only 430 px wide, to account for the padding and margins.  The other way to do it is style the table in CSS to remove the padding and margin, like this --

    TABLE, TD  {margin:0px; padding:0px. border:0px; }

    If you have the table and BG at the same width, or the table wider than the BG, you will see this problem.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
    Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
    In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
    In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

    746 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    14 Experts available now in Live!

    Get 1:1 Help Now