Databases
StackOverflow2013
Postsdbo
POIs there anything wrong with this HTML using the sup tag and CSS?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POIs there anything wrong with this HTML using the sup tag and CSS?
    primarykey
    data
    text
    <p>I'm having trouble with this HTML in IE8 CO at a customer site, but not on my XP IE8 VM. However, I have managed to reproduce the problem in IETester and have tracked it down to a <code>vertical-align: middle</code> style being applied to an element that contains a <code>&lt;sup /&gt;</code> tag.</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt; &lt;meta http-equiv="Content-type" content="text/html;charset=UTF-8" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt; &lt;span style="vertical-align: middle;"&gt;&lt;sup&gt;test&lt;/sup&gt;&lt;/span&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>The above HTML example is the smallest possible example I can create that breaks in IETester and on the customer site. However, it works fine in my XP VM that has IE8 on it, so it may work fine for you, too. We need the <code>X-UA-Compatible</code> <code>IE=edge</code> meta tag for our main site, so I've included it here.</p> <p>The symptoms of the break is that IE renders a blank white page and seems to be caught in an infinite operation - if left long enough, IETester crashes out (although I haven't confirmed with the customer that the same thing happens at their site with real IE).</p> <p>It took me a long time to track this down to the <code>&lt;sup /&gt;</code> tag, and then the CSS applied to its parent element (which happened to be a <code>&lt;label /&gt;</code> tag in our actual website, but it seems it behaves the same way with <code>&lt;span /&gt;</code> tags, too).</p> <p><strong>Is there anything wrong with this HTML / CSS, or is it just IE8 being funny?</strong></p> <p>In my tests, I've tried IE6, IE7, IE9, Chrome, FireFox, Opera and Safari and none of them exhibit the same behaviour as the specific version of IE running at the customer site.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USoliver-clare
    1. USoliver-clare
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. POIs there anything wrong with this HTML using the sup tag and CSS?
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POIs there anything wrong with this HTML using the sup tag and CSS?
      1. This table or related slice is empty.
      1. VTClose
    3. VO
      singulars
      1. POIs there anything wrong with this HTML using the sup tag and CSS?
      1. This table or related slice is empty.
      1. VTClose
    1. COIE Tester is not very reliable IMO.
      singulars
      1. POIs there anything wrong with this HTML using the sup tag and CSS?
      1. USScott Simpson
    2. CO@ScottSimpson thanks for your feedback. However, IETester is the only utility I've found that reproduces the issue I have at the customer site. My own IE8 on my XP VM doesn't reproduce it. Also, thanks for replacing the image. When I tried it (using the "code" feature), it just seemed to render it as HTML :)
      singulars
      1. POIs there anything wrong with this HTML using the sup tag and CSS?
      1. USoliver-clare
    3. CODoes the HTML validate? Are you getting any JS errors? Maybe see which service pack your customer has on XP? (Just trying to help brainstorm).
      singulars
      1. POIs there anything wrong with this HTML using the sup tag and CSS?
      1. USScott Simpson
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload