PDA

View Full Version : Lỗi table trên IE ???



bad spy
07-02-2009, 09:28
Vừa qua mình design lại forum và khi đóng khung cho bài viết và avatar mình gặp 1 vấn đề , không biết có phải vì browser ko, mong các bạn xem qua giúp

Hiện tượng này xãy ra trên IE7 còn Firefox thì bình thường

http://i167.photobucket.com/albums/u127/badspy/bug.png

Chổ đánh dấu là những chổ bể khung

Code của cái hình nhỏ phía trên như sau :


<table><tr>
<td>
<img src="/style_images/aero_engli/avatartren.png"><br />
<img src="/style_images/aero_engli/avatartrai.png">$avatar<img src="/style_images/aero_engli/avatarphai.png"><br />
<img src="/style_images/aero_engli/avatarduoi.png"></td></tr></table>


Còn code của khung phía dưới là



<table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<td style="padding: 0px"><img src=" http://i421.photobucket.com/albums/pp296/cuachung/ava_01.png "></td>
<td style="padding: 0px" background=" http://i421.photobucket.com/albums/pp296/cuachung/ava_02.png "></td>
<td style="padding: 0px"><img src=" http://i421.photobucket.com/albums/pp296/cuachung/ava_03.png "></td>
</tr>
<tr>
<td valign="top" style="padding: 0px" background=" http://i421.photobucket.com/albums/pp296/cuachung/ava_04.png ">
<td style="padding: 0px; background: #ffffff; width:100%;">
{$post['signature']}

</td>
<td style="padding: 0px" background=" http://i421.photobucket.com/albums/pp296/cuachung/ava_06.png "></td>
</tr>
<tr>
<td style="padding: 0px"><img src=" http://i421.photobucket.com/albums/pp296/cuachung/ava_07.png "></td>
<td style="padding: 0px" background=" http://i421.photobucket.com/albums/pp296/cuachung/ava_08.png "></td>
<td style="padding: 0px;"><img src=" http://i421.photobucket.com/albums/pp296/cuachung/ava_09.png "></td>
</table>

2_lua_IT
10-02-2009, 16:19
- 1-2 lỗi do line-height của td lớn hơn height của img.
- 3-8 lỗi do valign hoặc do background-position.

bad spy
11-02-2009, 13:06
Các lỗi trên trình bày bình thường ở browser khác trừ IE. mình thử sữa lỗi 3-8 theo cách bạn nhưng ko thành công, các valign và position vẫn bình thường ...