디스플라이 인라인이 안되요,,

<style type="text/css">

body {
margin:0 auto;
width:100%;background-color:orange;
background-image: url();
}
.wrap{width:100%;margin:0 auto;}
.main_wrap {width:100%;background-color:red; }
 .main_wrap div{  }

 
 .box3{background-color:pink; width:200px; height:800px; }
 .box4{background-color:green; width:100px; height:800px;  }
 
 
 
-->
</style>



<div class="wrap">
 <div class="main_wrap">

<!-- 왼쪽메뉴 --> 
 <div class="box3" >werwerwer</div>   
 
       
         
 <!-- 오른쪽메뉴 -->     
<div class="box4">
  ewrwerwerwerwerwerwer
  </div>

</div></div>
-----
여기서요
녹색박스가 자꾸 아래로 가여..display:inline써봐도 소용업어여,, 어떻게 하면 오른쪽으로 가게 할수있나요?  

|

댓글 4개

일단은 box3 옆으로 box4를 보낼려고 하면 box3의 위치를 먼저 잡아줘야 합니다.
box3 하고 box4 의 스타일에
float:left 또는 display:inline-block; 추가해주세요.
위에 소스대로 하니 되네여 감사해여~~~~
아랫소스를 를 왼쪽에다가 넣으면 안되는데

.pre_board{ background-color:white; width:200px; height:300px; margin-top:0;}

<div class="pre_board">
<? echo latest("basic", "news",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
<br><? echo latest("basic", "board",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
</div>

녹색박스가 안내려가게 왼쪽박스에 넣을방법이 없는걸까요?????
box3 를 float:right; , box4 를 float:left;
해주시면됩니다.
<? echo latest("basic", "news",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
<br><? echo latest("basic", "board",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
를 그냥 box3 이나 box 4에 넣어도 지 혼자 div로 생성이 되요... 이것 원인좀 알수있을까요??
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
9년 전 조회 1,814
9년 전 조회 1,683
9년 전 조회 1,557
9년 전 조회 1,697
9년 전 조회 1,569
9년 전 조회 1,532
9년 전 조회 1,850
9년 전 조회 1,456
9년 전 조회 1,666
9년 전 조회 1,681
9년 전 조회 1,638
9년 전 조회 1,687
9년 전 조회 1,429
9년 전 조회 1,647
9년 전 조회 1,743
9년 전 조회 1,652
9년 전 조회 1,607
9년 전 조회 1,466
9년 전 조회 1,733
9년 전 조회 1,704
9년 전 조회 2,226
9년 전 조회 1,567
9년 전 조회 1,699
9년 전 조회 1,671
9년 전 조회 2,046
9년 전 조회 2,093
9년 전 조회 1,850
9년 전 조회 1,684
9년 전 조회 1,732
9년 전 조회 2,080
9년 전 조회 1,672
9년 전 조회 1,934
9년 전 조회 1,755
9년 전 조회 1,867
10년 전 조회 1,736
10년 전 조회 1,989
10년 전 조회 1,687
10년 전 조회 1,667
10년 전 조회 1,667
10년 전 조회 1,742
10년 전 조회 1,696
10년 전 조회 1,707
10년 전 조회 1,843
10년 전 조회 1,622
10년 전 조회 1,632
10년 전 조회 1,679
10년 전 조회 1,807
10년 전 조회 1,642
10년 전 조회 1,778
10년 전 조회 1,566
10년 전 조회 1,656
10년 전 조회 1,454
10년 전 조회 1,693
10년 전 조회 1,483
10년 전 조회 1,544
10년 전 조회 1,646
10년 전 조회 1,539
10년 전 조회 1,578
10년 전 조회 1,517
10년 전 조회 1,915
10년 전 조회 1,935
10년 전 조회 1,922
10년 전 조회 1,888
10년 전 조회 1,670
10년 전 조회 1,790
10년 전 조회 1,965
10년 전 조회 1,660
10년 전 조회 1,948
10년 전 조회 1,919
10년 전 조회 2,295
10년 전 조회 1,909
10년 전 조회 2,121
10년 전 조회 1,725
10년 전 조회 1,900
10년 전 조회 1,595
10년 전 조회 1,676
10년 전 조회 1,712
10년 전 조회 1,715
10년 전 조회 1,884
10년 전 조회 1,645
10년 전 조회 1,680
10년 전 조회 1,680
10년 전 조회 1,593
10년 전 조회 1,646
10년 전 조회 1,460
10년 전 조회 1,536
10년 전 조회 1,451
10년 전 조회 1,602
10년 전 조회 1,553
10년 전 조회 2,015
10년 전 조회 1,487
10년 전 조회 1,459
10년 전 조회 1,719
10년 전 조회 1,522
10년 전 조회 1,496
10년 전 조회 1,494
10년 전 조회 1,455
10년 전 조회 1,382
10년 전 조회 1,349
10년 전 조회 1,476