플로트 문제 및 확장 문제

저는 경험 많은 HTML 코더가 아니기 때문에 전문적인 도움없이이 모든 작업을 수행했기 때문에 결과가 기발한 것처럼 보입니다. 웹 사이트 : www.cakery.co.il/beta Dreamweaver 상태와 같이 플로팅 및 확장 문제가 있습니다. - 사이트에 들어가 창 크기를 조정하려고하면 상단 (파란색) 리본과 하단 리본이 잘리고 이상하게 보입니다.플로트 문제 및 확장 문제

어떻게 해결할 수 있습니까?

#blue_decoration { 
    height: 85px; 
    background-image: url(_images/top_stripe.png); 
}

나는 당신의 도움을 주셔서 감사합니다 것 :

예를 들어, 이것은 CSS에서 최고의 리본 코드입니다.

그것은 정확히 무슨 일이 일어나고 있는지의 나머지 부분을 보지 않고 문제가 무엇인지 볼 어렵다하지만 그럼에도 불구하고 몇 가지 포인터를 제공 할 수 있습니다

출처

2012-11-02 Guy M

나는 무슨 일이 일어나고 있는지에 대해 잘못된 생각을 보이지 않습니다. 어떤 브라우저를 사용하고 있습니까? –

동작은 정상입니다 .. –

창을 복원하고 수직으로 스크롤하면 잘린 리본이 보입니다. 나는 IE9를 사용한다. iPhone을 사용하여이 페이지를 보면 더 명확하게 볼 수 있습니다. –

감사드립니다.

나는 오후 링크 당신이 좋아할 경우,하지만 당신은 쉽게 자신을보고 다음 붙여 복사 할 수 있습니다 : 당신은 그것을 많은 문제없이 화면을 가로 질러 반복하는 것을 볼 수 있습니다

<!DOCTYPE html> 
<head> 
<meta charset="utf-8" />   
<title></title> 
    <style> 
    #blue_decoration { 
     height: 85px; 
     background-image: url('http://upload.wikimedia.org/wikipedia/commons/a/aa/Air_Force_Good_Conduct_Medal_ribbon.png'); 
    } 
    #bottom_blue_decoration { 
     height: 30%; 
     background-image: url('http://upload.wikimedia.org/wikipedia/commons/a/aa/Air_Force_Good_Conduct_Medal_ribbon.png'); 
    } 

</style> 
</head> 
<body> 
<header id="blue_decoration"> Hello World</header><br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<footer id="bottom_blue_decoration"> don't collapse me! </footer> 
</body> 
</html>

. 그러나 스타일링과 관련된 위치는 없습니다. 오히려 그것은 붕괴되지 않는 내용에 의존합니다. 위쪽 및 아래쪽 위치 지정을 지정하는 것이 더 좋을 수도 있습니다. 또 다른 것은 여러분이 아마도 id를 재사용하고 있다는 것입니다. 엄격히 말하면 주어진 페이지에서 한번만 사용해야합니다. 수정하기 쉽습니다. 스타일 지정을 클래스로 지정하고 (해시 대신 점을 사용) id 대신 키워드 class를 사용하여 스타일을 지정하면됩니다.

배경 크기가 아닌 절대 값을 사용하지 않고 반응하는 백분율을 사용하여 실험 해보십시오. 중요한 질문은 다음과 같습니다.이 배경을 다루는 콘텐츠를 원하십니까? 콘텐츠가없는 이미지로 만들고 싶다면 <img> 태그를 사용하는 것이 더 나을 수도 있습니다 ...

출처

2012-11-03 11:24:55 Stumbler

붕괴되지 않으므로 잘 보입니다. 나는 집에 돌아가서 당신에게 알려주려고 할 때 그것을 시도해 볼 것입니다! 감사! –

나는 이것에 어려움을 겪고있다. 난 값을 변경하려고 시도, 문제를 해결할 수 없습니다. 코드를 보면 도움을 줄 수 있습니까? 당신은 여기 사이트를 볼 수 있습니다 : www.cakery.co.il/b3 (CSS 파일은 styles.css입니다.) –

나는 당신의 사이트에서 시각적으로 잘못된 애니킹을 보지 않습니다 (단 하나 또는 두 개의 관련없는 포인터; 파일의 맨 아래에 자바 스크립트가 있고 이미지 탐색 버튼의 제목 속성도 있습니다.) 당신이보고있는 것이 옳지 않은 것은 무엇입니까? – Stumbler

플로트 문제 및 확장 문제

답변

관련 문제