2014-04-10 3 views
1

여기에 코드가 너무 많아 실제로 게시 할 내용이 확실하지 않으므로 링크를 게시 할 예정입니다. 최선의 방법. 난 못해, http://www.lymemd.org/indexmm4.php열이 중심에 있지 않음 (CSS 형식 지정 문제)

그 세 개의 상자가 (문제점, 요구, 솔루션을.) 중앙에 배치하는 어떤 도움도 대단히 감사하겠습니다 페이지의 맨 아래에서 :

링크는 여기에 살아 있습니다 DIV를 중심으로 무엇이든 알아 내면 항상 엉망진창처럼 보입니다.

대단히 감사합니다.

+0

안녕, 당신은 ... – gillytech

답변

0

당신은 내 화면에 잘 보이지 않는 다른 사업부

<div id='warp' align='center'>DIV#3columns here</div> 

또는

<div id='3columns' align='center'><div id='The ProblemThe NeedsThe Solution'></div></div> 

또는 CSS

text-align:center; 

하고 탐색 메뉴로 워프한다.

+0

무엇 탐색 메뉴에 잘 보이지 않는 다음과 같은 몇 가지 답을 가지고? 다시 말하지만, 나는 코딩에 익숙하지 않으므로보다 기초적인 것이 더 좋을 수 있습니다. 어떤 생각을 고칠 수 있을까요? – Eric

+0

도움말이 다른 행에 있습니다. 오버플로입니다 - 1366x768 –

0

좋아요, 저는 여러분의 페이지를 살펴 보았습니다. 제가 보는 주된 문제는 컬럼보다 더 근본적입니다. "컨테이너"(또는 래퍼)가 없으면 행별로 다른 것과 관련하여 어떤 것을 중심에 배치 할 수있는 확실한 방법이 없습니다.

내가 꽤 단순히 콘텐츠의 폭과 같은 container

(<div id="container>"과 같이)의 ID와 div의 바닥 글 헤더에 이르기까지 모든 것을 포장하여 고정이 1100px 그래서 난이 추가됩니다 CSS를 컨테이너에 넣습니다.

레이아웃의 각면에있는 경계를 통합하여 사물을이 경계에 상대적으로 배치 할 수 있습니다.

코드의 다음 오류는 해당 ID shouldn't start with a number입니다. 그럼에도 불구하고 당신은 당신이 다음 CSS를 추가해야하는 ID의 이름을 변경 고려 후 : 이러한 수정으로

#threeColumns { 
    width: 100%; 
    margin: 0 auto 
} 

당신이 (당신이 중심 싶습니다 다른 모든 것들) 귀하의 열을 중심으로 할 수 있어야한다.

이러한 정확한 너비는 픽셀 완전하지 않습니다. 나는 이것을 사용하여 내가 사용하고있는 방법론을 설명하고있다.

#columnsthree{ 
    width:1100px; 
    margin:0px auto; 
    padding:0px; 

} 

내가 <div id="columnsthree">

<div id="3columns"> 변경 및 스타일 시트에 다음 CSS를 추가 한

0

은 일반적으로 내가 용기의 폭을 제공하는 데 사용 1000 : 980 픽셀로하지만, 컨테이너 너비로 1000 픽셀을 지정하면 모든 열의 너비를 336 픽셀로 지정 했으므로 ali가 생성됩니다. 문제가 발생했습니다.그래서 나는 1100px를 선택했다.

기본적으로 여백 구문

여백입니다 : Topmargin_value Rightmargin_value Bottommargin_value Leftmargin_value;

그렇게 Margin: 0px auto;

여백과 같다 : top_bottom_Margin_value는 right_left_margin_value

출력 :

enter image description here

Fiddle Demo

Full Page Demo

관련 문제