Cell background

JIM_genius5 · #1 (**permalink**) Oct 31st, 2007, 10:46

Okay I've read somewhere that this is not possible to be viewed in IE. What I wanna do is making an image the background of a cell in a table in Dreamweaver MX using CSS. The image appears as the background in the WYSIWYG editor but not in IE.

Is there any workaround for this problem?
Can I remove the background and insert the same image and type over it instead?

karinne · #2 (**permalink**) Oct 31st, 2007, 11:10

Hmmm .... I don't see why did shouldn't work?!

Post a link if you want more help

Monie · #3 (**permalink**) Nov 1st, 2007, 06:40

Yes, give us your sample code..

JIM_genius5 · #4 (**permalink**) Nov 1st, 2007, 19:02

Sorry for the late reply. Here is a link to the file http://projectalexandria.zymichost.com/index.html
I solved the problem it was all about the links to the pictures. But there's another problem, the website only views well using IE, when I opened it using Firefox, it didn't work correctly.

Update - Here is the source code:

HTML: Select all

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/templatewave.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" --> 
<title>Untitled Document</title>
<!-- InstanceEndEditable --> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="head" --> <!-- InstanceEndEditable --> 
<style type="text/css">
<!--
-->
</style>
<link href="/wave_stylesheet.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<table width="800" height="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">
  <tr> 
    <td height="241" align="left" valign="top" class="cellheader"><p>&nbsp;</p></td>
  </tr>
  <tr> 
    <td height="421" align="left" valign="top" class="cellbody"><!-- InstanceBeginEditable name="Website Body" -->
<p><br />
        Welcome to the Alexandria tourism information website, Project Alexandria. 
        The website is still under construction and will be available soon. In 
        the meantime, feel free to explore the website a browse through the pages. 
        Stay tuned for more!</p>
      <p>- Website Developer</p>
      <!-- InstanceEndEditable --></td>
  </tr>
  <tr> 
    <td align="left" valign="top" class="cellfooter"> <p>&nbsp;</p>
      <p>&nbsp;</p>
      <!-- InstanceBeginEditable name="Website Footer" -->
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>Project Alexandria &copy;2007</p>
      <!-- InstanceEndEditable --></td>
  </tr>
</table>
</body>
<!-- InstanceEnd --></html>

mcdanielnc89 · #5 (**permalink**) Nov 1st, 2007, 19:28

Hmm, It doesn't view right in IE7 on my end...

AdRock · #6 (**permalink**) Nov 1st, 2007, 22:27

You want to avoid using tables for layout purposes

Monie · #7 (**permalink**) Nov 2nd, 2007, 03:04

yup.., thats your table design problem.
Throw them away, use CSS (div) for your page layout.
Check out this forum CSS area for further info on how to build your page using CSS for layout

Lchad · #8 (**permalink**) Nov 2nd, 2007, 10:27

Well Jim it's difficult to help because I don't know what it's supposed to look like. At this point, in IE7 and FF2, the text is running over the header when scrolling.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
site on Cell	onebrightbudgie	Web Page Design	0	May 7th, 2008 18:34
Changing cell id?	moojoo	JavaScript Forum	2	Aug 30th, 2006 20:16
Stretch Cell Background to full length	susibabe	Web Page Design	3	May 16th, 2006 00:29
Alignment of end cell in nav bar	jj1234	Web Page Design	2	Apr 24th, 2006 11:46
Table cell (NO)wrap?	ktsirig	Web Page Design	4	Sep 28th, 2005 19:49

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Cell background