2015-11-07 3 views
0

CSS используется в моей HTML страницеCSS не загружается в IE11 и Chrome

<style type="text/css"> 
body {background-color:#FFFFFF;font-family:Calibri;} 
table{margin-left:auto;margin-right:auto;border:1px solid RoyalBlue;border-   collapse:collapse;font-size:90%;} 
td{margin:0px;border:1px solid RoyalBlue;padding:1px;} 
td.tcname_selected {{margin:0px;align:center;background-  color:LightSkyBlue;min-width:900px;color:white;font-weight:bold;} 
td.tcname {{margin:0px;align:center;background-color:LightSkyBlue;min- width:900px;} 
td.tccontainer {padding:0px;} 
tr.stepstbl_vis {} 
tr.stepstbl_notvis {display:none;padding:1px;border:0px;} 
<!-- table.stepstbl {margin:0px;border:none;padding:1px;} --> 
table.stepstbl {border:1px solid RoyalBlue;border-collapse:collapse;font- size:90%;} 
td.step_head {{margin:0px;align:center;background- color:LightSkyBlue;border:1px solid RoyalBlue;padding:1px;} 
td.step_reg {{margin:0px;border:1px solid RoyalBlue;padding:1px} 
span.hidden {display:none;} 
</style> 

CSS is not loading when i use it in my code - 
<body> 
<table width="90%" align="center"> 
<tr> 
<td width="97%" class="tcname" id="tsname1"> 
</td> 
</td> 
</tr> 

же код работает отлично, когда я использую его в IE8 browser.Table становится создана, но она не отображается обратно основной цвет ячейки таблицы в синем, поскольку CSS не загружается в IE11 и Chrome. Может кто-нибудь поможет мне выяснить причину?

+0

формат вашего CSS кода .there синтаксические ошибки .Чтобы например 'коллапс внешних пунктов пропуска: коллапс ; 'см. https://jsfiddle.net/rzx5t6p4/1/ –

+0

Чтобы проверить CSS на наличие ошибок, вы можете использовать валидатор W3C: http://jigsaw.w3.org/css-validator/ Обратите внимание, что это не несложный. В этом случае он не помещает комментарий HTML в CSS. –

+0

Тем не менее, я не совсем понимаю, почему вы считаете, что имена свойств с пробелами в них будут в порядке. –

ответ

0

я сделал быстро исправить код, не забудьте о том, что вы действительно хотите получить, но должен работать

<style type="text/css"> 
body {background-color:#FFFFFF;font-family:Calibri;} 
table {margin-left:auto;margin-right:auto;border:1px solid RoyalBlue;border-collapse:collapse;font-size:90%;} 
td {margin:0px;border:1px solid RoyalBlue;padding:1px;} 
td.tcname_selected {margin:0px; text-align:center; background-color: LightSkyBlue;min-width:900px;color:white;font-weight:bold;} 
td.tcname {margin:0px; text-align:center;background-color:LightSkyBlue;min-width:900px;} 
td.tccontainer {padding:0px;} 
tr.stepstbl_vis {} 
tr.stepstbl_notvis {display:none;padding:1px;border:0px;} 
table.stepstbl {margin:0px;border:none;padding:1px;} 
table.stepstbl {border:1px solid RoyalBlue;border-collapse:collapse;font-size:90%;} 
td.step_head {margin:0px; text-align:center; background-color:LightSkyBlue;border:1px solid RoyalBlue;padding:1px;} 
td.step_reg {margin:0px;border:1px solid RoyalBlue;padding:1px} 
span.hidden {display:none;} 
</style> 

<body> 
<table width="90%" align="center"> 
<tr> 
<td width="97%" class="tcname" id="tsname1">cell 1</td> 
<td>cell 2</td> 
</tr> 
+0

Изменения Холдена работают отлично. Спасибо. –

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