2011-10-04 3 views
1

ive 테이블을 영원히 사용하여 페이지를 만들고 있습니다. 최근 모든 사람들이 그 일을 한 것처럼 보이기 때문에 div로 전환하려고 노력하고 있습니다. 어쨌든 누군가 내가 이걸 알아낼 수있을 정도로 멋지다면 나는 생각하고 있었다. 나는 그 그림을 첨부하여 모든 문제를 설명 할 것이고, 결국 그림은 천 단어의 가치가 있기 때문이다. 미리 감사드립니다.또 다른 한개 이상

[이미지 삭제]

+1

광고는 사용하지 마십시오 "호스트 이미지 귀에 n 개의 사이트 " – gtamil

+0

당신은 테이블 대 div 같지 않아야합니다. 잠재적으로 겹치는 레이어와 2D 슬라이스를 사용하고 있습니다. :) 또한 무엇이 "왼쪽과 오른쪽 Xs가 네비게이션 바와 같이 보이고 페이지가 늘어나는 너비가 필요합니까"라는 것이 무엇을 의미하는지 전혀 알지 못합니다. 이 경우 구두점이 실제로 도움이 될 수 있습니까? 이 예제가 도움이됩니까? http://peterned.home.xs4all.nl/examples/csslayout1.html – Ashnur

+0

[edit] (http://stackoverflow.com/posts/7644427/edit) 이미지를 이미지 호스트 인 imgur에 업로드하십시오. [제공된 도구 모음 아이콘] (http://meta.stackexchange.com/questions/75491/how-to-upload-an-image-to-a-post) – Will

답변

0

<div style="position:absolute;left:100px;top:150px;" > MyDiv1 </div> 
<div style="position:absolute;left:130px;top:150px;" > MyDiv2 </div> 
+0

죄송합니다.하지만 어떻게 작동하는지 알 수 없습니다. 주 컨테이너는 페이지의 중간에 있어야합니다 (해상도에 관계없이). 나는 절대 입장을 취할 수 없다. –

1

이 사업부 사용 CSS 마진 센터로 사용하는 CSS 스타일 : 그 채울 것이다 당신이 다음 탐색 모음을 배치 할 수 있습니다 div에 내부

<div style="width: 800px; margin: 0 auto"></div> 

을 사용 가능한 공간을 늘리십시오.

메인 콘텐츠의 양쪽 공백과 관련하여 두 가지 옵션이 있습니다.

  • 당신은 당신이 바로 가로 막대 페이지에 걸쳐 방법이 나타납니다 너무 top repeat-x에서 몸에 background-image을 설정할 수 있습니다.

  • 본체에서 내비게이션을 분할 할 수 있으며 위의 방법을 사용하여 가운데에 둘 수 있습니다. 상위 '내비게이션'div를 100 % 너비가 될 다른 div로 감싸십시오. 그런 다음 원하는 div로 스타일을 지정할 수 있습니다. 이것은 배경 이미지를 업데이트하지 않고 이동할 수 있다는 장점이 있습니다.

2

이런 뜻입니까?

HTML :

<div id="content"><br/></div> 
<div id="navigation"><div><br/></div></div> 

CSS :

html,body{ 
    height:100%; 
    margin:0; 
    padding:0; 
} 
#content{ 
    width:800px; 
    border:1px solid red; 
    min-height:100%; 
    margin:0 auto; 
    position:relative; 
} 
#navigation{ 
    position:absolute; 
    top:0; 
    width:100%; 
    height:100px; 
    background:gray; 
} 
#navigation div{ 
    width:800px; 
    height:100%; 
    background:lightgray; 
    position:relative; 
    margin:0 auto; 
} 

데모 : 사이트 프론하는 당신의 연결 드라이브에서
http://jsfiddle.net/Z8UDf/