2009-12-23 2 views
0

Есть ли способ сделать выравнивание заголовка вправо?
Протестировано только в Internet Explorer 7.В Internet Explorer 7 выравнивание текста: справа не действует

<html> 
    <style type="text/css"> 
     th { 
      text-align: left; 
     } 
    </style> 
<body> 
    <table width="100%" border="1"> 
     <thead> 
      <tr> 
       <th style="width: 250px;">Tag 
       <th style="width: 100px; text-align: right;">Duration 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td > one 
       <td> two 
      </tr> 
     </tbody> 
    </table> 
</body> 
</html> 

ответ

1

Сначала закройте теги. Здесь у вас много недействительного HTML. Во-вторых, вы смешиваете ширину таблицы (100%) в процентах и ​​ширину ячейки (250 пикселей, 100 пикселей) в виде ширины пикселей. Эти два несовместимы. Выберите один или другой и сохраните его на всей вашей таблице.

<table style="width:350px" border="1"> 
    <thead> 
     <tr> 
      <th style="width:250px;">Tag</th> 
      <th style="width:100px; text-align:right;">Duration</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>one</td> 
      <td>two</td> 
     </tr> 
    </tbody> 
</table> 
+0

я должен отметить:. При условии, HTML 4.01 строги, единственные вопросы проверки здесь были отсутствие декларации DOCTYPE и недостающее 'title' элемент (Кроме того,' width' атрибут недействительны в HTML5.) 'html',' head' и 'body' подразумевают открытие и закрытие тегов, а все' thead', 'tbody',' tr', 'th' и' td' подразумевают закрытие тегов Отсутствие некоторых элементов корневого документа немного волосатое, но исключение закрывающего тега для элементов таблицы совершенно законно и вряд ли вызовет проблемы с анализом в современных браузерах. –

+0

(Также ваше изображение профиля является замечательным.) –

1

Вы не закрываете свои ТД-теги (или ваши тэги TD, если на то пошло). Исправление ниже:

<table width="100%" border="1"> 
     <thead> 
      <tr> 
       <th style="width: 250px;">Tag</th> 
       <th style="width: 100px; text-align: right;">Duration</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td> one </td> 
       <td> two </td> 
      </tr> 
     </tbody> 
    </table> 
+0

ее не работает :( – Amit

Смежные вопросы