2011-10-25 2 views
2

어쩌면 정말 간단하지만 얻을 수는 없습니다.같은 줄에 3 div : 가운데 맞춤이 고정 된 상태에서 왼쪽과 오른쪽의 창 크기에 따라 너비가 변경됩니다.

내 3 열의 중심에 1280 너비가 있고 다른 두 크기가 창 크기의 함수로 조정되어 있습니다. (예를 들어, 창이 1280 픽셀 크면 볼 수 없습니다. 사이드 divs).

여기 내 코드입니다. 내가 어디서 잘못한거야?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Documento senza titolo</title> 
<link href="style/style.css" rel="stylesheet" type="text/css" /> 
<style> 

div{display:block;} 


#left{ 
    border:1px solid green; 
    float:left; 
    width:auto; 
    } 
#center{ 
    border:1px solid red; 
    width:1280px; 
    float:left; 
    } 
#right{ 
    border:1px solid purple; 
    float:left; 
    width:auto; 
    } 

</style> 
</head> 

<body> 
    <div id="container_center"> 
     <div id="left">&nbsp;</div> 
     <div id="center"> 
     Lorem ipsum 
     </div> 
     <div id="right">&nbsp;</div> 
    </div> 

</body> 
</html> 

답변

0
당신은 우리가 우리 자신에 그것을로드 할 필요는 없지만, 나는 min-width:10px;min-height:100px을 추가하여 시작하는 것이 우리에게의 URL을 준 경우 도움이 될

. 일부 브라우저는 공간을 무시할 수 있기 때문에 일부 lorem ipsum으로 시작할 수 있습니다.

관련 문제