2010-05-30 3 views
0

은 여기 페이지가 있습니다테이블 자체가 센터링 중입니까?

http://animactions.ca/Animactions/accueil.php

을 그리고 그것은 바로 열이 있습니다. 오른쪽 열의 내용이 주요 내용보다 길면 주 내용은 스타일로 정의하지는 않지만 맨 위에서 시작하지 않고 중심에 있습니다. 내 스타일 시트에서

:

.tbsyles { 
    margin: 0px; 
    text-align: justify; 
    width: 200px; 
    border-left-style: solid; 
    border-left-width: 1px; 
    border-left-color: #A8CFE4; 
    padding-left: 30px; 
    height: 100%; 
    line-height: 100%; 
    vertical-align: top; 
    padding-right: 0px; 
} 
.tablestylea { 
    width: 900px; 
    margin: 0px; 
    text-align: justify; 

    height: 100%; 
    line-height: 100%; 
    vertical-align: top; 
    padding-right: 0px; 

} 

내가 그렇게 상관없이 만들 수 있습니다 어떻게 무엇을 주 내용으로 페이지가 제대로 크기를 조절하고 상단에서보다는 중앙에서 시작 내 오른쪽 COL 내용의 길이?

감사

답변

2

그런 식으로, 특정 "TD"의 내용을 상단에 정렬됩니다은 "TD"태그에, 당신의 HTML에서

0

시도 사용 플로트 : 오른쪽; 오른쪽 열에 css div.

0

당신의 CSS에서 .style2{vertical-align:top;} 을 추가 vAlign와 = "정상"적용 W3C TABLE SPECS

ED : ...

또 다른 것은

참조 ... 정렬 = 텍스트 수평 정렬을 설정 (또는 오른쪽) "왼쪽"입니다 I 'm :

레이아웃을 만들기 위해 "div"태그를 사용하는 경우 display : table-cell; 다음 CSS 파일에 이미 제공된 해결책 을 사용하십시오. vertical-align : top;

+0

valign은 HTML 속성입니다. 스타일은 HTML 코드가 아닌 CSS에서 수행되어야합니다. IE6과 IE7은 디스플레이를 이해하지 못합니다 : table-cell; 그래서 여전히 요즘에는 사용할 수 없습니다 ... – FelipeAls

+0

글쎄, 그냥 확인하려면 ... w3c 사양을 읽으십니까? valign과 align은 매우 잘 사용되어 HTML5에서는 쓸모가 없기 때문에 ... 그러나 그것은 10 년이라는 의미를 갖기 전에 5 또는 6 버전의 브라우저를 의미합니까? 지금은 신경 쓰지 마라. :) IE6이 걱정된다면, 다른 방법은 없다 ... 또는 프로세스를 시뮬레이트하기 위해 코드의 구멍을 뚫어 버릴 수있다. :) – Zuul