ansaurus

Question

Firefox and IE - Firefox handling of <span> inside tables (html and css)

Answer 1

+2 A:

You can't have a span there is the short answer, only a <tr>

<body> should contain your elements, nothing but <html> should contain <body>

What you are probably after is this:

<html>
<head>
  <title>Title Page</title>
  <style type="text/css">@import url("/css/main.css");</style>
</head>
<body>
  <span class="class1">
    <table>
      <tr>
        <td>---Insert Hyperlink---<br></td>
      </tr>
    </table>
  </span>
  <span class="class2">
    <table>
      <tr>
        <td>---Insert Hyperlink---<br></td>
      </tr>
    </table>
  </span>
</body>
</html>

Another thing to keep in mind, there's no reason for those spans (table can have a class) or those tables (if you're only using a single cell, use a <div> or something), a simple <div> would probably do everything you want:

<div class="class2">
   ---Insert Hyperlink---
</div>

Nick Craver 2010-03-23 16:17:06

What Nick said. Technically, IE should ignore it there too. Wrap it in a `<tr><td></td></tr>`, you can always us the td's colspan attribute if you have to.

Matt Blaine 2010-03-23 16:20:18

Many thanks! Closing tags in the proper order worked. :)

2010-03-23 16:36:19

Answer 2

A:

You can't have span directly contained by table. Basically, text in tables must be contained within cells (td or th), which in turn must be contained by rows (tr), which in turn should be contained by tbody, thead, or tfoot elements, which then can be contained by table. As of HTML5, tbody can formally be implied (whereas previously that was just something browsers did, despite a previous spec requiring something between table and tr).

The HTML validation service is useful for dealing with these sorts of things.

T.J. Crowder 2010-03-23 16:17:45

Answer 3

+4 A:

I'm sorry to say, but your HTML is a mess. The reason that IE will display the span is probably a remnant of the browser wars, when Netscape and Microsoft constantly battled each other of who could make sense of the worst HTML. The only tags allowed inside the <table>-tag are <legend>, <colgroup>, <tbody>, <tfoot>, <thead> and <tr>. If you want your <span> to be visible, place it in <td> inside <tr>

Something like:

<HTML>
<HEAD>
<title>Title Page</title>
<style type="text/css">@import url("/css/main.css");</style>
</HEAD>

<BODY>

<table>
  <tr>
    <td>
     ---Insert Hyperlink---<br>
    </td>
  </tr>

  <tr>
    <td>
      <span class="class2"></span>
       ---Insert Hyperlink---<br>
    </td>
  </tr>
</table>
</BODY>
</HTML>

Also, decide if you are going to use lower or upper case characters in your tags. It makes it easier to follow your code.

PatrikAkerstrand 2010-03-23 16:19:05

+1 for "who could make sense of the worst HTML"

Nick Craver 2010-03-23 16:20:02

Answer 4

A:

I don't think there should be a problem having a SPAN inside a table assuming it is inside a cell
Make sure the table itself is formatted correctly with proper rows and cells. IE might be rendering the table even if it is broken

Ron Harlev 2010-03-23 16:19:14

Answer 5

A:

Cant you put the class directly on the tr-tag like this:

<table><tr class="class1" ><td>
---Insert Hyperlink---<br>
</td></tr>

be aware that your code is nestled, so try keep the classes direct on tags

Cinaird 2010-03-23 16:20:15

Answer 6

A:

Your nesting of tags is a mess..

you cannot have

<tag1>
 <tag2>
</tag1>
 </tag2>

it has to be

<tag1>
 <tag2>
 </tag2>
</tag1>

and you are also using span between tr which is not allowed

Gaby 2010-03-23 16:20:17

Answer 7

A:

That's just not valid HTML. you can't just have random tags open and close... try something more like this:

<HTML>
<HEAD>
<title>Title Page</title>
<style type="text/css">@import url("/css/main.css");</style>
</HEAD>

<BODY>

<table><tr><td>
<span class="class1">
---Insert Hyperlink---<br>
</span>
</td></tr>


<tr><td>
<span class="class2">
---Insert Hyperlink---<br>
</span>
</td></tr></table>


</BODY>
</HTML>

Chibu 2010-03-23 16:20:43

Answer 8

A:

You have two problems here: you start the first span outside the body while spans can only be inside the body. Also you can't end/start spans between table and tr tags.

You should use tbody tags to separate the sections of the table:

<HTML>
<HEAD>
    <title>Title Page</title>
    <style type="text/css">@import url("/css/main.css");</style>
</HEAD>

<BODY>

    <table>

        <tbody class="class1">

            <tr><td>
            ---Insert Hyperlink---<br>
            </td></tr>

        </tbody>
        <tbody class="class2">

            <tr><td>
            ---Insert Hyperlink---<br>

            </td></tr>
        </tbody>
    </table>


    </BODY>
</HTML>

Mario Menger 2010-03-23 16:22:25

ansaurus

tags:

views:

answers:

Firefox and IE - Firefox handling of <span> inside tables (html and css)

related questions