Table cell background not tiling in IE
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:
Try it this way:
<th width="10" rowspan="4" background="images/cell_background.gif" scope="col"> </th>
<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
A good start would be to not use tables inappropriately.....
Hey, thanks that was really helpful...Any more suggestions?
Originally Posted by Centauri
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.
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.
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.
Last edited by Centauri; 08-29-2007 at 10:44 AM.
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.
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.
Originally Posted by jacobdesch
I build for: Firefox and tweak for IE
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)