Warum kann ich ein in IE7 nicht zentrieren?

StackOverflow https://stackoverflow.com/questions/1413466

  •  06-07-2019
  •  | 
  •  

Frage

In Firefox, "C" zentriert ist, aufgrund des CSS Klappentext am Anfang. Warum IE7 linksbündig das? 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <style type="text/css">
td {
  text-align: center;
  width: 130px;
}
    </style>
  </head>

  <body>
    <div style="width: 300px; background-color: #888">
      <table>
        <tbody>
          <tr>
            <td>A</td>
            <td>B</td>
          </tr>
          <tr>
            <td colspan="2">C</td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>
War es hilfreich?

Lösung

Das passiert, weil Sie width: 130px; haben. Versuchen Sie, Breite nur für die kleinen Zellen, zum Beispiel durch: 

td.span {
  width:auto;
}

<td colspan="2" class="span">C</td>

Siehe Beispiel: http://jsbin.com/etoka
Sie können es auch tun, andersherum - eine Klasse zu den kleinen Zellen geben, die ganze Reihe, oder am besten. Die Breite der <table> Einstellung

Andere Tipps

verwenden Sie diese immer für die Position eines Objekts im Zentrum auf Ihrer Seite Diese Funktion ist in allen gängigen Browsern wie IE FF Safari Chrome Opera

gearbeitet 
<center> This is my centered text</center>

Bitte geben Sie uns stimmen, wenn Ihr Problem gelöst ist

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top