HTML "예고없이"자동 검색 바나나를 운전

Question

우선, 비공식적 인 제목에 대해 유감스럽게 생각합니다. 나는이 문제에 대해 정말로 어떻게 느끼는지 표현하고 싶다. 나는 내 사이트에있는 어떤 것들을 청소하고있다. http://www.gfcf14greendream.com/과 다른 질문을 통해이 사이트로 이동하여 내 html : http://validator.w3.org/을 디버깅했다. 내 사이트에서 시도해 보았지만 몇 가지 오류를 수정했지만 하나가 붙어 있습니다 (http://validator.w3.org/check?uri=gfcf14greendream.com&charset=%28detect+automatically%29&doctype=Inline&group=0).

Line 72, Column 48: The width attribute on the td element is obsolete. Use CSS instead. 
       <td width=200 style="vertical-align: top;"> 

을하지만 <td style="vertical-align: top; width: 200;">로 변경하려고하면, 텍스트가 퇴색 사진 옆에 시간이 옆에 표시하기에 너무 큰되기에, 그것을 무시하고 그것을 자기에게이 변화 할 때마다 크기를 조정 나타납니다이 말한대로 대신 사진 아래에 나타납니다. 왜 내 요소가 적어도 내 레이아웃을 엉망이 될 요소의 크기를 조정하는 경향이 있습니까? 거기에 엄격하게 크기를 지정하는 방법과 거기에 막대기 (나는 크롬을 사용), 상관없이 다른 건가요? 모든 유형의 CSS 오버플로가 아니라 대부분을 시도했지만 텍스트는 항상 한 줄에 표시됩니다. 심지어 텍스트를 높이 보유하고있는 TD를 줄려고했는데, 여분의 높이로 줄의 텍스트가 깨지므로, 가능한 한 가장 작은 높이를 갖도록 다시 크기가 조절된다는 것을 깨닫게되었다고 생각했습니다.

앞면에는 바닥에 약간의 여유 공간이 있습니다 (스크롤 막대가 있지만 평균 크기의 화면에는 그다지 필요하지 않습니다). 왼쪽에있는 세로 메뉴를 사용하여이 문제가 있었기 때문입니다. 브라우저에서 (또는 도구를 사용하는 모든 도구에서) 사이트로드시 메뉴가 작아지고 모든 버튼이 제대로 표시되지 않기 때문에 크기를 100 %로 만드는 것이 화면을 완전히 없애기 때문에 완전히 더 높이 표시해야했습니다. . 누구든지이 문제를 해결하는 방법을 알고 있다면 (실제로 브라우저 또는 다른 도구를 사용하지 않고 HTML 요소의 크기를 제어 할 수 있다는 것에 관심이 있습니다.) 알려 주시면 미리 읽어 주셔서 감사합니다.

Answer 1

레이아웃에서 테이블을 사용해서는 안됩니다. 표시 할 테이블 데이터가 없습니다. 테이블은 (일반적으로 악의적 인) 것이다.

#desc {width: 200px} 
#wrap img {width: 400px;height: 350px;} 

모든 것을의 폭과 높이를 제거하면 잘 작동합니다 :이 스타일을 적용했다

.

그냥 추가 비판 :

body { 
    background-attachment: fixed; 
    background-image: url("http://www.gfcf14greendream.com/images/greentwi.png"); 
    background-size: 100% 100%; 
} 

와 DIV 번호 배경을 제거하고 IMG.