/    Sign up×
Community /Pin to ProfileBookmark

Table cell background not tiling in IE

Copy linkTweet thisAlerts:
Aug 28.2007

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:

[url]http://www.atomawear.com/home.html[/url]

to post a comment
HTML

10 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelAug 28.2007 — <th width="10" rowspan="4" background="images/cell_background.gif" scope="col">&nbsp;</th>[/QUOTE] Try it this way:

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

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

-Isn't the syntax for this [I]bgimage="name.jpg"[/I]?? (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 [I]using Dreamweaver[/I]).
Copy linkTweet thisAlerts:
@CentauriAug 28.2007 — A good start would be to [B]not[/B] use tables inappropriately.....
Copy linkTweet thisAlerts:
@jacobdeschauthorAug 29.2007 — A good start would be to [B]not[/B] use tables inappropriately.....[/QUOTE]

Hey, thanks that was really helpful...Any more suggestions?
Copy linkTweet thisAlerts:
@Major_PayneAug 29.2007 — 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
Copy linkTweet thisAlerts:
@jacobdeschauthorAug 29.2007 — 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.
Copy linkTweet thisAlerts:
@CentauriAug 29.2007 — 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 [B]not[/B] be used to create layout in design view).

By thinking content first, [B]then[/B] styling that [I]content[/I] to achieve your look, much more possibilities are available, but it [B]does[/B] 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 [B]no[/B] tables, [B]no[/B] javascript, [B]no[/B] 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
Copy linkTweet thisAlerts:
@jacobdeschauthorAug 29.2007 — 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.
Copy linkTweet thisAlerts:
@kiwibritAug 29.2007 — --
Copy linkTweet thisAlerts:
@WebJoelAug 30.2007 — Sigh...... I'm a designer. Not a programmer...[/QUOTE] 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. ?
Copy linkTweet thisAlerts:
@CentauriAug 30.2007 — and Centauri's layout looks promising.[/QUOTE]

Saw your original post (via email notification) before you changed it - guess I get this round? ......... ? ? ?
×

Success!

Help @jacobdesch spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...