묻고답하기

  2. Support
  3. 묻고답하기

[CSS질문] div를 구성하려고 하는데 float속성을 잘 몰라서 적용을 못 하겠네요.ㅠㅠ

2009.08.16 13:29

으아악.

 

 

[제가 div를 활용하여 만드려는 제로보드xe의 화면입니다.]

2009-08-16 13;19;26.jpg

 

qna1-1.jpg

 

qna1-2.jpg

 

qna1-3.jpg

 

보시면 아시겠지만, 문제는 IE8에서 웹페이지를 접속하면 div가 밀려나 버리네요.

아무리 생각해도 어떻게 정렬해야 할지를 모르겠네요.. ㅠㅠ

어제도 밤새도록 이 화면을 구성하려고 css계속 수정했는데.

혹시 css 다룰줄 아시면 도와주세요..

http://secretcofee.mireene.com/sc

이 것을 적용 할때에는 [페이지 수정]을 클릭하여 [내용 직접추가]을 선택하여 적용하였습니다.

그 내용은 아래와 같습니다.

 

<link rel="stylesheet" type="text/css" href="rider/sub.css"><div class="container">
 <div class="title">
  <h2 class="stitle">DOWNLOAD</h2>
  <h1 class="btitle">XE<br  />Download</h1>
 </div>
 <div class="summary">
  <img editor_component="image_link" src="/files/attach/images/75/289/downloadHeader.gif" class="thumb" alt="downloadHeader.gif" />
 <div class="description">
  <p>XpressEngine의 Core 패키지와 XpressEngine 기반에서 동작되는 프로그램과 스킨을 다운 받을 수 있습니다. 좋은 프로그램과 스킨을 공유해주시는 분들께 감사 드리고 사용하시는 분들은 제작자에게 칭찬과 격려를 해주시면 감사하겠습니다. 또한 제작자분들은 부담없이 프로젝트를 개설하여 운영하시는 것을 추천해 드립니다.</p>  
 </div>
 </div> 
</div></link>

 

 

qna1-4.jpg

 

[CSS : sub.css]

div.container {
 border: 2px solid #6d55e5;
 height:160px;
 width:755px; 
}
div.title {
 background-color: #6d55e5;
 color:#FFFFFF;
 float:left;
 width:160px;
 height:160px;
}
h1.btitle {
 padding: 0;
 margin: 0;
 font-size: 1em;
}
h2.stitle {
 padding: 0;
 margin: 0;
 font-size: 6pt;
}
div.summary { 
 float:right;
 height:150px;
 width:580px;
}
img.thumb {
 width:155px;
 height:142px; 
 float:left; 
 }
div.description {
 float:right;
 width:370px;
 height:140px; 
}

[html : sub.html]

<!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=euc-kr" />
<link rel="stylesheet" type="text/css" href="sub.css" />
<title>Untitled Document</title>
</head>

<body>

<div class="container">
 <div class="title">
  <h2 class="stitle">DOWNLOAD</h2>
  <h1 class="btitle">XE<br />Download</h1>
 </div>

 <div class="summary">
   <img src="downloadHeader.gif" class="thumb" alt="XpressEngine ver.2" />
   <div class="description">
  <p>XpressEngine의 Core 패키지와 XpressEngine 기반에서 동작되는 프로그램과 스킨을 다운 받을 수 있습니다.
좋은 프로그램과 스킨을 공유해주시는 분들께 감사 드리고 사용하시는 분들은 제작자에게 칭찬과 격려를 해주시면 감사하겠습니다.
또한 제작자분들은 부담없이 프로젝트를 개설하여 운영하시는 것을 추천해 드립니다.</p>  
 </div>
  </div> 
</div>
</body>
</html>


 

이 게시물을
Profile
헐 대박!
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
카란코에 게시판 모듈 설치 오류 [1] file 2010.05.25 by shuden
Mantaray™ 게시글에 이미지가 6개밖에 안올라가요. [1] 2010.05.25 by 은혜물가
Kview 게시판끼리 사진 옮기기 어떻게하나요? [1] 2010.05.25 by 은혜물가
kingmoney 페이지관리에서 이미지 로드시 용량문제... [2] 2010.05.25 by 은혜물가
CHILTECH 메인에서 다국어 선택시...페이지 이동 [1] 2010.05.25 by guny
청춘개똥 새 글과 댓글이 메일로 발송이 되는데 발신자 표시가 Nobody 로 나옵니다  
hmdesign xe관리자페이지에서 페이지수정하다 날렸어요ㅠ  
제이빅 대량으로 첨부파일 올리기  
usone xe한줄게시판 파일 가지고 계신분 [1] 2010.05.24 by 띵야
Ermers 최근게시물 질문입니다. [1] file 2010.05.24 by mindpainter
오실롯 css 질문입니다. [1] 2010.05.24 by mindpainter
999 묻고답하기 지식인 모듈에서 파일첨부 기능 빼려면요? [1] 2010.05.24 by SMaker
애수작 게시판 글쓰기? [3] 2010.05.24 by 그림찾기
toraim 다른 게시판 사용하기  
하늘사랑209 목록 이미지 클릭시 이미지만 돋보기 같이 보이는 방법은? [1] 2010.05.24 by guny
jsm4u xe설치하고 나면 기존 bbs 폴더는 없애도 되는건가요? [1] 2010.05.24 by SMaker
김준영taejinah 광고모듈사용중인데요 글쓴이 없앨수 있나요? 그리고 관리자 레벨이 1로 나오는데.. [1] file 2010.05.24 by SMaker
타리에 신디케이션 작동이 안됩니다 ㅠㅠ  
타리에 내가 사용하고있는 서버에 계정 몇개 있는지 아는방법  
저지레 게시판 중복쓰기 금지  
태그 쓰기