테이블 태그 내부에 HTML 캡션 태그 문제가 있습니다. 문제는 정렬에 있습니다.
<html:form action="myAction">
<table border=0 id="main_table" width="100%">
<tr>
<td>
<table id="t1" width="100%">
<caption align= "left" id="t1_c">
<b><bean:message key="schedule.automatic"/></b>
</caption>
<tr>
<td>
<label>
<input type=radio name="gather_group" value='NEVER' onclick="selectRadio(this.value)">
<bean:message key="myconsole.schedule.never"/>
</label>
</td>
</tr>
</table>
</td>
<table id="t2" width="100%">
<caption align="left" id="t2_c">
<b><bean:message key="schedule.whenToGather"/></b>
</caption>
<tr id="t2_r1">
<td><bean:message key="schedule.hourOfDay"/></td>
</tr>
</table>
</tr>
다른 브라우저에서 실행하는 동안 캡션 태그에 문제가있는 것 같습니다. bean : message 속성을 사용하여 표시되는 텍스트는 IE8 이상에서 완벽하게 표시되지만 파이어 폭스 버전 -28.0, chrome, safari ..에서는 텍스트 위치가 대체됩니다.
도움을 주시면 감사하겠습니다.
참고 : HTML5를 사용하지 않습니다.
나는 수정 자체를 가지고 있으며, 이와 같은 인라인 스타일 속성을 사용합니다 ..
<caption align= "left" id="t1_c" style="caption-side: top; width: auto; text-align: left;">
모두에게 감사합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다