chiều cao Fix của một dòng của bảng trong HTML Bảng

Vui lòng nhìn vào đoạn mã sau:chiều cao Fix của một dòng của bảng trong HTML Bảng

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

<head> 
</head> 
<body> 
<table id="content" height="525" border="0" cellspacing="0" cellpadding="0"> 
<tr style="height:9px"><td height="9" bgcolor="#990000">Upper</td></tr> 
<tr><td bgcolor="#990099">Lower</td></tr> 
</table> 
</body> 
</html>

IE bỏ qua "height: 9px" và tôi không thể có được những gì tôi muốn. Ngoài ra, không có DOCTYPE, nó hoạt động. Nhưng tôi phải tuân theo tiêu chuẩn để DOCTYPE không thể gỡ bỏ được. Có ai biết cách sửa chiều cao của hàng trên không?

Một số giải thích rõ ràng: 1. Chiều cao của hàng thứ hai có thể thay đổi theo hành động của người dùng và không thể khắc phục được. 2. Chiều cao của bảng được thiết lập để 525px để bàn có chiều cao tối thiểu là 525px

Nguồn

2009-02-27 Billy

hãy thử ngay bây giờ, hãy dính dữ liệu bó trong hàng thứ hai ... đặt chiều rộng: 20px; để xem hiệu ứng nhanh chóng –

chỉ cần tự hỏi nếu hàng trên thực sự là một tiêu đề, sử dụng rõ ràng thead và tbody với chiều cao có thể dễ dàng hơn – annakata

tế bào đáy sẽ tăng lên khi bạn nhập văn bản hơn ... thiết lập chiều rộng bảng này sẽ giúp quá

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

<head> 
</head> 
<body> 
<table id="content" style="min-height:525px; height:525px; width:100%; border:0px; margin:0; padding:0; border-collapse:collapse;"> 
<tr><td style="height:10px; background-color:#900;">Upper</td></tr> 
<tr><td style="min-height:515px; height:515px; background-color:#909;">lower<br/> 
</td></tr> 
</table> 
</body> 
</html>

Nguồn

2009-02-27 07:34:30

Nó không hoạt động. – Billy

thử lại ... copy/paste –

và dính vào tất cả các "view" khác tính vào thuộc tính phong cách của bạn, nhưng vẫn tốt hơn - tập tin css bên ngoài :) –

Tác phẩm này hoạt động, miễn là bạn xóa thuộc tính độ cao khỏi bảng.

<table id="content" border="0px" cellspacing="0px" cellpadding="0px"> 
    <tr><td height='9px' bgcolor="#990000">Upper</td></tr> 
    <tr><td height='100px' bgcolor="#990099">Lower</td></tr> 
</table>

Nguồn

2009-02-27 08:07:43

css của tôi

TR.gray-t {background:#949494;} 
h3{ 
    padding-top:3px; 
    font:bold 12px/2px Arial; 
}

html của tôi

<TR class='gray-t'> 
<TD colspan='3'><h3>KAJANG</h3>

tôi giảm kích thước 2 trong phông chữ.

padding-top được sử dụng để điều chỉnh kích thước trong IE7.

Nguồn

2011-07-01 09:26:47 shery

chiều cao Fix của một dòng của bảng trong HTML Bảng

Trả lời

Các vấn đề liên quan