2011-05-11 2 views
1

내가 트위터 레이아웃을 중심으로하지 않습니다, 물론 그렇다고 .. 기본 테이블이 좀 ... 그것은 오프 구분 있어요 방식에, 그것은처럼 보이는주요 콘텐츠 사업부는

html { 
    -webkit-user-select: none; 
    text-shadow: 2px 2px 2px #000; 
    color: #fff; 
    font-smooth: always; 
    padding: 0; 
    width: 100%; 
    height: 100%; 
    background: url("./img/main_back.jpg"); 
    background-size: cover; 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
} 

body 
{ 
    height: 100%; 
    width: 100%; 
} 

.content_wrap { 
    position: relative; 
    top: 5px; 
    display: inline-table; 
    margin-right: auto; 
    margin-left: auto; 
    width: 90%; 
    height: 100%; 
    background-color: transparent !important; 
} 

.left_table { 
    overflow: hidden; 
    display: table-cell; 
    text-align: center; 
    width: 50%; 
    height: 100%; 
    padding-left: 5px; 
    padding-bottom: 20px; 
} 

.right_table { 
    display: table-cell; 
    text-align: center; 
    width: 20%; 
    height: 100%; 
} 

HTML5의 문서 유형 헤더 < - 왼쪽 떠 섹션 < - 바로 떠

섹션 < - 컨텐츠 랩 섹션 < - left_table 옆 < - right_table 바닥 글 < - 고정 위치, 하단 0px

마크 업이 켜져 있습니다. 나는 w3c 사이트에서 항상 확인합니다.

센터에 가져올 수 없으며 약 30-40 픽셀 정도 떨어져있어 누구나 아이디어가 있습니까?

이 아마도 당신이 의미

+0

조언 : Google의 "2 열 CSS 레이아웃"을 검색하고 '인라인 표'또는 '표 셀'을 사용하지 마십시오. 그렇게하려고한다면 테이블을 사용할 수도 있습니다. – Nicole

+2

마크 업하시기 바랍니다! – Jawad

+0

어떤 이유로 html을 추가 할 수는 없지만 내 메인 포스트를 편집하고 가장 좋은 설명을했습니다 ... – Crustified

답변

0

나는 ... 갑자기 yoru 코드에서 실제로 콘텐츠 사업부에 중심이 있습니까 것을 알?

body 
    { 
     height: 100%; 
     width: 100%; 
     text-align: center; 
    } 

또한 첫 번째 의견에는 요점이 있습니다.

+2

'text-align : center'는 블록 요소가 아닌 인라인 내용을 중심으로합니다. 'margin-left/right : auto' ('.content_wrap'에 설정된대로)는 그것들을 다룹니다. –

+0

인라인 테이블 및 테이블 셀은 페이지의 맨 아래로 늘어나서 나란히 놓을 수 없기 때문에 왼쪽 또는 오른쪽 테이블을 가져올 수 없기 때문에 사용됩니다. 내가 바닥에 뻗어 있다고 설정하자마자. 구글 크롬이나 사파리의 바닥에 뻗어 있지만 오페라, IE9와 FF4에서만 작동합니다 (구 버전은 아직 테스트하지 않았습니다) @cbroughton text-align : center; 그냥 0,0 ( – Crustified

+0

괜찮아요, 잘 해결했습니다. LoL .. 그냥 약간의 마이너스 마진을 적용하고 다시 22px를 뽑았습니다. 내가 생각할 수있는 모든 것을 시도해 볼 수 없었습니다. 자동 마진을 중심으로 잡아 당겨서 ... 컨테이너에서 디스플레이를 벗겨서 작동하지만 100 % 높이를 잃어 버릴 수 있습니다. 오른쪽면이 100 % 높이로 보이게하고 싶지 않습니다. , 내가 100 % 높이가되기를 바란다. 이것이 내 유일한 선택 인 것 같다.이 PHP 함수, ​​로그인/가입, 심지어 mysql 데이터베이스도이 이슈가 큰 문제는 아니었다. LoL – Crustified