The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS issues with Firefox not displaying nested table within divs

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #23042

    Hi all,

    Help! I’m a newly-graduated web designer, and I’m still learning the
    ins and outs of programming.

    I’m using Dreamweaver to create a site with divs. I then incorporated
    a table within a div. It displays fine in IE7, but in Firefox, the
    table cells (and padding) are making each cell look twice the size
    they do in IE (it looks like there’s much more cell padding above and below the text in each cell.)

    So the table is extending down, past my gradient image background, so that
    the background starts again and the text is laid over top. (Looks
    horrible! I know how to fix the background, but then I’d have to
    extend the div down a lot, and anyway the bigger table doesn’t look

    Any ideas what could be throwing off the table size in Firefox? Which
    properties in the div or table should I be looking at? (BTW, the table
    was copied and pasted from MS Word.)

    I’ve read that this actually an IE issue, and that Firefox is reading the code "right."
    But it doesn’t really matter to me, I just want the page (and table) to display properly
    in both IE and Firefox!

    I’ve checked the sizes of all the divs to make sure they big enough to accommodate the table.

    Here’s a bit of the div code:

    <div id="container">
    <div id="content">
    <div id="header2"><img src="support/header2.jpg" alt="header"
    width="796" height="157" /></div>
    <div id="box">
    <h1 align="center" class="style7">Heading here</h1>
    <div id="pic_right"><img src="support/woman_online.jpg"
    alt="woman online" width="349" height="529" border="1" /></div>

    then further down, the table code:

    <table width="97%" border="1" align="center" cellpadding="3"
    <td width="45%"><p class="style8">Class</p> </td>
    <td width="55%" class="style6"><p

    This site is a work in progress, so it’s not on the net yet. Please
    let me know if you need any more info to make sense of this.

    thanks!! :D


    It would be helpful if you could quote all the code and maybe give a link to the site.

    First thing i would suggest is to get rid of the table and use divs instead.


    thanks everyone… I was afraid of that (having to rebuild the tables with divs)…. but it shouldn’t take too long, and will be for the best in the long run :)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.