이상한 Firefox 오버플로/플로트 동작

나는 Chrome, Safari, Opera에서도 잘 작동하는 simple layout을 가지고 있습니다 (OS X). 나를 놀라게 여기 파이어 폭스입니다. (IE와 Win은 아직 테스트되지 않음).이상한 Firefox 오버플로/플로트 동작

문제는 Firefox에서 fieldset.ownerbox이 떠 다니는 문제입니다. (파이 차트 아래의 두 반투명 FIELDSET)

CSS 규칙은 여기에 적용 :

#owners { 
position: relative; 
width: 940px; 
left: 0px; 
margin-left: 0px; 
z-index: 1; 
top: -240px; 
font-size: 16px; 
} 
.ownerbox { 
width: 310px; 
height: 150px; 
padding: 10px; 
margin-right: 20px; 
float: left; 
background: rgba(255,255,255,0.5); 
color: #000; 
border-radius: 10px; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
} 
.ownerbox.large { 
width: 500px; 
padding: 0px 10px 20px 10px; 
}

도와주세요, 내 방식에있어 문제점은 무엇입니까?

출처

2010-07-13 fabrik

패딩을 고려하여 너비를 다시 조정하십시오. 을 #owners에 입력하면 "포함 된"모양을 볼 수 있습니다.

#owners에서 너비를 조정하십시오.

편집 : clear:both에 #owners이 필요합니다.

출처

2010-07-13 14:26:12

내가 오버플로를 설정하면 : 자동; on #owners Firefox는 위아래의 파이 차트 클립을 제외하고는 레이아웃을 올바르게 렌더링합니다. – fabrik

위의 플로팅 된 목록은 소유자가 만들었습니까 ?? 고맙습니다! – fabrik

당신은'top : -240px'와'position : relative'를 그대로 사용해서는 안됩니다. 나는 당신이 당신의 레이아웃을 상대 위치에 너무 의존하지 않도록 조정할 필요가 있다고 생각한다. 이런 경우가 많다면 나쁜 징조이며 흔히 돌아가서 친척을 죽이고 다른 레이아웃을 찾는 것을 의미합니다. –

이상한 Firefox 오버플로/플로트 동작

답변

관련 문제