정렬 전체 페이지

내가 하단에있는 테이블을 정렬하려면 다음 코드를 사용하여 하단의 표하지만정렬 전체 페이지

<!DOCTYPE html> 
    <html> 
    <head> 
     <title></title> 
    </head> 

    <body bgcolor="black"> 
     <div class="footer"> 
     <table border="1" bottom="0px"> 
      <tr> 
      <td width="600px" align="right"> 
       <input type="image" align="center" id="verify1" src="proceed1.png" disabled="disabled" width="90" height="90""/> 
      </td> 
      <td width="500px" align="right"> 
       <label id = "l2" style = "color:white;font:normal 20px chalkdust;">NEXT QUESTION</label> 
       <div id="sample4" style="float: right;"> 
      </td> 
      <td> 
       <input type="image" id="next" src="arrow.png" disabled="disabled" name="image2" width="80" height="80"> 
      </td> 
      </tr> 
     </table> 
     </div> 
    </body> 
</html>

누구나이 페이지의 하단에 정렬하는 데 도움이 작동하지 않을 수 있습니다.

출처

2012-07-11 Dineshkani

컨테이너 div의 공간 (높이 및 너비)과 그 내부의 내부 div의 플로트를 제공하십시오. 가능한 복제본은 http://stackoverflow.com/questions/585945/how-to-align-content-of-a-div-to-the-bottom-with-css –

CSS의 아래쪽 맞춤을 사용하십시오. 이렇게하면 div 만 정렬되고 테이블은 정렬되지 않습니다. div 안에 있기 때문에 표가 정렬됩니다.

position: absolute; 
bottom:0px;

출처

2012-07-11 17:18:47 Dineshkani

당신은 절대 위치를 지정하거나 위치를 고정하고 바닥 0과 바닥 글 DIV에 0 너비와 높이를 왼쪽 중 하나를해야

see here jsfiddle

또는 위의 나던 귀하의 요구를 충족하는 경우에 끈적 끈적한 바닥 글을 구글

출처

2012-07-11 16:59:47

OP가 어떻게 적용 할 것인지 샘플을 작성하는 것이 좋습니다. 당신의 대답을 +1하겠습니다. – Jon

OP는 무엇입니까? 방금 대답을 업데이트했습니다. –

OP는 질문의 원본 포스터를 나타냅니다. –

정렬 전체 페이지

답변

관련 문제