www.webdeveloper.com
Results 1 to 11 of 11

Thread: Table cell background not tiling in IE

  1. #1
    Join Date
    Feb 2006
    Posts
    116

    Table cell background not tiling in IE

    Hi All,
    I'm having a slight problem with my new site I'm sure there's a simple way to fix it, but I'm not sure what it could be just yet. Luckily, I caught it early.
    I built the site in dreamweaver and basically, I have a main kind of "shell" table that's the same across all the pages and then another table within each of those to define content. On the left side, I have a graphic that I want to tile and go down the side of the page, so the page can grow automatically without putting in a larger graphic. So, what I did is make a table cell and make my graphic a background for it. When I test it, it works in everything but Internet Explorer. It just shows up on the very bottom of the cell and is getting cut off. What's going on here? I read somewhere that IE won't display a cell background inside a <tr> tag. Is that right and if so, what do you do when you have a table inside a table?
    Any help that could be offered would be much appreciated. Thanks in advance. Here's the testing site so that you can take a look if need be:

    http://www.atomawear.com/home.html

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    <th width="10" rowspan="4" background="images/cell_background.gif" scope="col">&nbsp;</th>
    Try it this way:

    <th width="10" rowspan="4" scope="col" style="background-image: url(images/cell_background.gif)"></th>

    Not sure if this will work, but background="name.jpg" is proprietary and probably won't work on many browsers.

    -Isn't the syntax for this bgimage="name.jpg"?? (deprecated, out of use)

    (I merged OP's cross-post from DW/FP to HTML, as this seemed an HTML question regarding a site, built using Dreamweaver).
    Last edited by WebJoel; 08-28-2007 at 06:27 PM.
    I build for: Firefox and tweak for IE

  3. #3
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    A good start would be to not use tables inappropriately.....

  4. #4
    Join Date
    Feb 2006
    Posts
    116
    Quote Originally Posted by Centauri
    A good start would be to not use tables inappropriately.....
    Hey, thanks that was really helpful...Any more suggestions?

  5. #5
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,211
    Got some validation errors which may cause problems in IE and some other browsers. Some of these errors are flagged because of their use with the doc type you have.

    Centauri wasn't kidding. Now is the time to nip your web page designs using tables in the bud. Save you headaches later to use tables for tabular data when needed.

    Ron

  6. #6
    Join Date
    Feb 2006
    Posts
    116
    Ok, ok, so the consensus seems to be no more tables. Fine. But what's the alternative? CSS layers? I've had just as much of a problem with those. Plus, my client is going to be using Contribute to edit everything once we get it set up and just based on my testing, its next to impossible to get the layers positioned in the same place between Dreamweaver and Contribute, let alone to publish them that way.

  7. #7
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    My comment earlier was to prompt questions regarding alternatives to table layouts.

    A table layout locks you into inflexibility to change the layout, and doesn't make a great deal of sense to non-visual browsers (screen readers, search engine spiders etc), especially when an image map is used for navigation. "CSS layers"? - there is no such thing as layers. This is Dreamweaver-speak for absolutely-positioned divs which are just as bad as tables when generated by Dreamweaver (Dreamweaver should not be used to create layout in design view).

    By thinking content first, then styling that content to achieve your look, much more possibilities are available, but it does require a completely different approach which can be difficult to grasp initially.

    To wet the appetite, I had a play with your layout, and the result can be seen here. This uses no tables, no javascript, no image maps, can have additional menu items added without modifying graphics (due to the different graphic slices used), works cross-browser (with a few hacks to keep IE6 happy), and validates to html 4.01 strict. It also makes complete sense to non-visual browsers. Check out the html code - much cleaner and easier to follow.

    Cheers
    Graeme
    Last edited by Centauri; 08-29-2007 at 10:44 AM.

  8. #8
    Join Date
    Feb 2006
    Posts
    116
    Sigh...... I'm a designer. Not a programmer. That code meant nothing to me. I have 0 experience with any kind of CSS (obviously) and all looking at that really did for me is make me realize how incompetent I am and make me want to revert right back to my table design tendencies. I'm stuck. That's all I am. Stuck...

    Sorry for the self-deprecation, but I have no idea what to do now.

  9. #9
    Join Date
    Jun 2005
    Location
    United Kingdom
    Posts
    1,043
    --

  10. #10
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Quote Originally Posted by jacobdesch
    Sigh...... I'm a designer. Not a programmer...
    I'm a touch of both, (-and Dreamweaver-illiterate) and Centauri's layout looks promising. I would try to learn to do it this way and do a sideways movement with the Dreamweaver.
    I build for: Firefox and tweak for IE

  11. #11
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    Quote Originally Posted by WebJoel
    and Centauri's layout looks promising.
    Saw your original post (via email notification) before you changed it - guess I get this round? .........

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles