2013-09-16 3 views
0

저는 HTML과 CSS를 사용하는 것에 익숙하며 제 밴드를위한 웹 사이트를 만들고 있습니다. 사이트의 첫 번째 버전을 인터넷에 업로드했으며 해상도가 1440x900 미만인 경우 '바이오'페이지의 텍스트에 문제가 발생했습니다. 원래 전체 사이트는 저해상도에서 이상하게 보였지만 래퍼를 추가 한 이후로는 바이오 페이지의 텍스트를 제외한 모든 것에 대해 중지되었습니다.내가 원하는 곳에 텍스트 유지? CSS/HTML

사이트를 만들 때 <pre> 태그를 사용하여 텍스트를 추가하고 이것이 내 문제의 일부인지 궁금합니다. 아무도 내가이 문제를 해결할 수있는 방법을 알고 계십니까? 텍스트는 이미지 오른쪽으로 이동해야합니다.

웹 사이트는 www.wealmostwere.com

모든 팁 또는 힌트는 대부분 감사합니다 :)

많은 감사합니다!

제이

답변

1

단지 ..이 문제를 해결할 수

position: relative; 
width: 100%; 

을 #biotext에 추가

당신이 요소를 CSS 100 %의 폭을 제공

, 당신 이 요소의 내용 영역을 부모의 명시적인 너비와 정확하게 동일하게 만듭니다. 단, 부모의 너비가 명시적인 경우에만

+0

대단히 감사합니다. 더 낮은 해상도에서 페이지를 많이 개선했습니다. 이제 유일한 문제는 텍스트가 낮은 해상도에서 이미지와 수직 정렬되지 않는다는 것입니다. 높이와 비슷한 코드를 사용해야합니까? 건배 –

관련 문제