0 Replies - 2639 Views - Last Post: 11 October 2012 - 03:45 PM

#1 efraim  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 26
  • Joined: 05-November 09

Unexpected and inexplicable results a simple table css

Posted 11 October 2012 - 03:45 PM

I have a relatively simple table consisting of 10 rows and 4 columns. After the first two rows, there are four repeat pairs of rows, the first of the pair a header and the second row of each pair, four cells populated with the same 'twitter widget' script except for a couple of parameters.

All works well except the last row in IE will not obey the same css style that the three previous rows similar rows do. It is fine in Chrome but not IE. Is there a rule for repeat css styled rows in IE?

The code for the table rows concerned is here;(I have deleted the parameter values for security)

<tr><td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td></tr>
		
		<tr><td colspan="4" align="center"><span style="font-family:arial;font-size:14pt;">&nbsp;</span></td></tr>
		<tr><td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td></tr>

		<tr><td colspan="4" align="center"><span style="font-family:arial;font-size:14pt;">&nbsp;</span></td></tr>
		<tr><td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td></tr>
		
		<tr><td colspan="4" align="center"><span style="font-family:arial;font-size:14pt;">&nbsp;</span></td></tr>
		<tr><td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td>
<td><script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'xxx',
  interval: 20000,
  title: 'xxx',
  subject: 'xxx',
  width: 200,
  height: 250,
  theme: {
    shell: {
      background: '#680000',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script></td></tr>



Is This A Good Question/Topic? 0
  • +

Page 1 of 1