HTML의 고정 TD 높이 속성


3

고정 된 높이를 갖는 "날짜"를 만들 수 없습니다. Body 섹션에 Date 요소가 더 적 으면 날짜 요소가 10 %로 설정되고 Body 높이가 90 %로 설정된 경우에도 Date 요소가 있어야합니다. 어떤 제안? 지금은

<tr> 
    <td class="Author" rowspan="2"> 
    <a href="#">Claude</a><br /> 
    <a href="#"><img src="Users/4/Avatar.jpeg" style="border-width:0px;" /></a>   
    </td> 
    <td class="Date"> 
    Sent: 
    <span>18.08.2008 20:49:28</span> 
    </td> 
</tr> 
<tr> 
    <td class="Body"> 
    <span>Id lacinia lacus arcu non quis mollis sit. Ligula elit. Ultricies elit cursus. Quis ipsum nec rutrum id tellus aliquam. Tortor arcu fermentum nibh justo leo ante vitae fringilla. Pulvinar aliquam. Fringilla mollis facilisis.</span> 
    </td> 
</tr> 

그리고 내 CSS를

이다 : 그것은 FF에 대한하지만 IE를 위해 일하고

table.ForumThreadViewer td.Date { 
    text-align: left; 
    vertical-align: top; 
    font-size: xx-small; 
    border-bottom: solid 1 black; 
    height: 20px; 
} 

table.ForumThreadViewer td.Body { 
    text-align: left; 
    vertical-align: top; 
    border-top: solid 1 black; 
} 

table.ForumThreadViewer td.Author { 
    vertical-align: top; 
    text-align: left; 
} 

. 당신이 사용하는 경우 :(

  0

뿐만 아니라 당신의 CSS를 게시하시기 바랍니다. 23 sep. 082008-09-23 19:31:25

2

올리가 맞습니다! 게시 한 스크린 샷을 올리면 잘못된 마크 업을 사용하고있는 것입니다. 이 같은

<div class="post"> 
    <div class="author"> 
    <a href="#">Claude</a><br /> 
    <a href="#"><img src="Users/4/Avatar.jpeg" /></a>   
    </div> 
    <div class="content"> 
    <div class="date">Sent: 18.08.2008 20:49:28</div> 
    <div class="body"> 
     This is the content of the message. 
    </div> 
    </div> 
    <div class="clear">&nbsp;</div> 
</div> 

CSS로 : :이 같은 더 뭔가를 사용할 수있는 사람은 당신을 도울 수 있도록

div.post { 
    border: 1px solid #999; 
    margin-bottom: -1px; /* collapse the borders between posts */ 
} 
div.author { 
    float: left; 
    width: 150px; 
    border-right: 1px solid #999; 
} 
div.content { 
    border-left: 1px solid #999; 
    margin-left: 150px; 
} 
div.date { 
    border-bottom: 1px solid #999; 
} 
div.clear { 
    clear: both; 
    height: 0; 
    line-height: 0; 
} 
  0

감사합니다. :) 24 sep. 082008-09-24 04:33:54


0

나는 완전히 당신의 질문을 이해하지

.Date { 
    height: 50px; 
} 
  0

FF에서는 작동하지만 IE에서는 작동하지 않습니다. 23 sep. 082008-09-23 19:49:17

  0

IE가 최소 높이로 처리하기 때문에 IE에서 작동하지 않습니다. 참조 : http://stackoverflow.com/questions/56658/how-do-i-specify-in-html-or-css-the-absolute-minimum-width-of-a-table-cell#56738 24 sep. 082008-09-24 03:36:44


0

CSS, 당신은 말을하는지이 :

.Date { 
height: 10% 
} 
.Body { 
height: 90%; 
} 

그것이 있어야보다 .Date td이 더 큰 것을 어떻게? 절대 높이를 설정하지 않으면 얼마나 큰지 알 수 있습니까? 테두리와 패딩을 고려하고 계십니까?

colspan="2"을 추가 할 수 있습니다.또는 추가로 <td> 요소 (&nbsp;)


6

백분율을 사용하면 백분율을 사용하면 해당 요소가 컨테이너와 관련이 있으며 심지어 일부 요소 유형에서만 작동합니다. 이 방법이 효과가 있다고 상상해 보면 <tr>에 높이를 적용하고 높이를 <table>로 지정해야합니다. <table> 높이가 상대적인 경우에도 컨테이너 높이를 지정해야합니다.

하지만 당신의 데이터를 찾고, 당신에게 있습니다 정말 전혀 테이블을 사용한다 확인!

  0

일하지 않니? 동의, 이것은 내게 표의 데이터처럼 보이지 않습니다! 23 sep. 082008-09-23 19:53:25