Solved

td background works in ff3 & ie8 but not ie7

Posted on 2011-03-03
6
394 Views
Last Modified: 2012-06-27


<td style="width:220px; background-color:#ffffff;
  border-color: grey;
border-style: solid;
border-width: 5px;
text-align:center;"
VALIGN="top">


this works in ff3 & ie8 but not ie7

on ie7 background is not displayed
0
Comment
Question by:rgb192
6 Comments
 
LVL 2

Expert Comment

by:nedlogan
ID: 35030544
Hi,
The following works in my version of IE7

<td style="width:220px; background-color:#ffcc00;
  border-color: gray;
border-style: solid;
border-width: 5px;
text-align:center; vertical-align:top;">Content</td>

Vertical alignment defined in CSS, better still make this a class.

Regards.
0
 

Expert Comment

by:tobyhutton1234
ID: 35030782
You the part <td style="width:220px; background-color:#ffffff;

Change background-color:#ffffff; to background:#ffffff;
0
 

Author Comment

by:rgb192
ID: 35031755
i changed to background:#ffffff;
and changed grey to gray
and deleted vertical allignment and it still doesnt work for me
0
Ransomware: The New Cyber Threat & How to Stop It

This infographic explains ransomware, type of malware that blocks access to your files or your systems and holds them hostage until a ransom is paid. It also examines the different types of ransomware and explains what you can do to thwart this sinister online threat.  

 
LVL 2

Accepted Solution

by:
nedlogan earned 500 total points
ID: 35033228
Hi,
Do you have content in the cell, also it may sound silly but #FFFFFF is white can you see that on your background?
When I tested in other browsers the table cell shows up without content in Google Chrome but not in IE7. It will only show up in IE7 if the cell has content.
Try the copying the following code into an empty HTML page and see if it works for you:
<table>
<tr>
    <td style="width:220px; background:#ffcc00;
    border-color: gray;
    border-style: solid;
    border-width: 5px;
    text-align:center; vertical-align:top;">Hello</td>
</tr>
</table>

Regards.
0
 
LVL 9

Expert Comment

by:jkofte
ID: 35034182
hi you need to have content in background for IE to render it. just place a white space (&nbsp;) inside and it should be done.
0
 

Author Closing Comment

by:rgb192
ID: 35182365
thanks
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Problem with a CSS in a page 2 30
Custom Form Design to Match this example 1 22
Not seen Link button 5 39
div to fit another div 8 22
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question