2014-05-23 3 views
0

개별 셀 너비를 적용하는 데 문제가 있습니다. 내 코드에는 1x2 (1 행, 2 열) 테이블이 있습니다. 첫 번째 셀에는 링크 만 있고 다른 셀에는 iframe이 있습니다. 첫 번째 셀의 스타일을 다르게해야했기 때문에 셀렉터를 사용했습니다. 1 세포/컬럼의 CSS는 다음과 같습니다CSS 개별 셀 너비

.alleft { 
    text-align: left; 
    font-family: Arial; 
    font-size: 14pt; 
    font-weight: bold; 
    width: 150px; 
    } 

iframe { 
    float: right; 
    width: 550px; 
    height: 455px; 
    } 

table { 
    width: 700px; 
    margin:0 auto; 
    } 

관련 HTML은 할 수있다 :

<table> 
<tr> 
<td class="alleft"> 
    <h3> The Paintings of Picasso </h3> 
    <a href="absinth.jpg"> The Absinth Drinker </a> 
</td> 
<td> 
    <iframe src="picasso.html" name="iframe" id="iframe" scrolling="auto" frameborder="0"> 
    </iframe> 
</td> 
</tr> 
</table> 

죄송합니다 그 미친 보이는 경우에! 내가 너무 많이 또는 너무 적게 포함했다면 너무 확신하지 못했습니다.

+1

관련 HTML은 CSS/HTML 질문에 필수적이다, 그뿐만 아니라 공유하시기 바랍니다. –

답변

0

더 많은 코드가 없으면 여기에 대해서는별로 중요하지 않으므로 이러한 것들이 제 추측입니다.

  1. 이 테이블 세트 폭을 가진 다른 사업부/용기 내에 포함되어 있습니다 :

    두 가지 중 하나가 될 수 있을까? iframe + 첫 번째 셀이 너비에 비해 너무 넓을 수 있습니다.

  2. iframe에 대해 max-width: x;을 설정하고 셀에 대해 min-width: 150px;을 설정할 수 있습니다. 각 너비에 해당하는 번호를 가지고 놀면 뭔가 효과가 있어야합니다.

예 :

.alleft { 
    text-align: left; 
    font-family: Arial; 
    font-size: 14pt; 
    font-weight: bold; 
    min-width: 150px; 
}