ive 테이블을 영원히 사용하여 페이지를 만들고 있습니다. 최근 모든 사람들이 그 일을 한 것처럼 보이기 때문에 div로 전환하려고 노력하고 있습니다. 어쨌든 누군가 내가 이걸 알아낼 수있을 정도로 멋지다면 나는 생각하고 있었다. 나는 그 그림을 첨부하여 모든 문제를 설명 할 것이고, 결국 그림은 천 단어의 가치가 있기 때문이다. 미리 감사드립니다.또 다른 한개 이상
[이미지 삭제]
ive 테이블을 영원히 사용하여 페이지를 만들고 있습니다. 최근 모든 사람들이 그 일을 한 것처럼 보이기 때문에 div로 전환하려고 노력하고 있습니다. 어쨌든 누군가 내가 이걸 알아낼 수있을 정도로 멋지다면 나는 생각하고 있었다. 나는 그 그림을 첨부하여 모든 문제를 설명 할 것이고, 결국 그림은 천 단어의 가치가 있기 때문이다. 미리 감사드립니다.또 다른 한개 이상
[이미지 삭제]
<div style="position:absolute;left:100px;top:150px;" > MyDiv1 </div>
<div style="position:absolute;left:130px;top:150px;" > MyDiv2 </div>
죄송합니다.하지만 어떻게 작동하는지 알 수 없습니다. 주 컨테이너는 페이지의 중간에 있어야합니다 (해상도에 관계없이). 나는 절대 입장을 취할 수 없다. –
이 사업부 사용 CSS 마진 센터로 사용하는 CSS 스타일 : 그 채울 것이다 당신이 다음 탐색 모음을 배치 할 수 있습니다 div에 내부
<div style="width: 800px; margin: 0 auto"></div>
을 사용 가능한 공간을 늘리십시오.
메인 콘텐츠의 양쪽 공백과 관련하여 두 가지 옵션이 있습니다.
당신은 당신이 바로 가로 막대 페이지에 걸쳐 방법이 나타납니다 너무 top repeat-x
에서 몸에 background-image
을 설정할 수 있습니다.
본체에서 내비게이션을 분할 할 수 있으며 위의 방법을 사용하여 가운데에 둘 수 있습니다. 상위 '내비게이션'div를 100 % 너비가 될 다른 div로 감싸십시오. 그런 다음 원하는 div로 스타일을 지정할 수 있습니다. 이것은 배경 이미지를 업데이트하지 않고 이동할 수 있다는 장점이 있습니다.
이런 뜻입니까?
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/
광고는 사용하지 마십시오 "호스트 이미지 귀에 n 개의 사이트 " – gtamil
당신은 테이블 대 div 같지 않아야합니다. 잠재적으로 겹치는 레이어와 2D 슬라이스를 사용하고 있습니다. :) 또한 무엇이 "왼쪽과 오른쪽 Xs가 네비게이션 바와 같이 보이고 페이지가 늘어나는 너비가 필요합니까"라는 것이 무엇을 의미하는지 전혀 알지 못합니다. 이 경우 구두점이 실제로 도움이 될 수 있습니까? 이 예제가 도움이됩니까? http://peterned.home.xs4all.nl/examples/csslayout1.html – Ashnur
[edit] (http://stackoverflow.com/posts/7644427/edit) 이미지를 이미지 호스트 인 imgur에 업로드하십시오. [제공된 도구 모음 아이콘] (http://meta.stackexchange.com/questions/75491/how-to-upload-an-image-to-a-post) – Will