[질문] div 정렬 문제 _ 제발 도와주세요
환히찬
안녕하세요! 미라클캣입니다.
당최 머리가 안좋아선지 계속 해봐도 잘 모르겠네요. float를 잘 못 써서인듯도 하고..
구현하려고 하는건 현재 상태 현재 CSS
/* A */
#summary_harmful_traffic {
float: left;
width: 486px;
padding: 0 0 0 10px;
}
/* B */
#summary_box2 {
float: right;
left: 486px;
top: 90px;
width: 486px;
padding: 0 10px 0 0;
/* background-color: #ff0000;*/
}
/* C */
#summary_attacks_type_5 {
left: 10px;
width: 486px;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
background-color: #ff0000;
}
/* D */
#summary_alertlist {
float: right;
left: 486px;
display:inline;
width: 486px;
margin: 0;
padding: 0 10px 0 0;
background-color: #ffffff;
}
/* E */
#summary_attacks_5 {
left: 10px;
width: 486px;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
background-color: #ff0000;
}
/* F */
#summary_box3 {
float: right;
left: 486px;
width: 486px;
margin: 0;
padding: 0 10px 0 0;
background-color: #ff5230;
}가로크기가 486PX 인 테이블 2개가 10PX의 간격으로 나란히 배열로
3줄의 형태로 나타나야 되는데..어찌된게 밀리고 ㅡㅡ;;;
float를 안쓰고도 구현이 되나요?
아니면 제가 어느별?어느부분을 고쳐야되는걸까요?
당최 모르겠습니다. 알려주세요 .ㅠㅡㅠ 당최 머리가 나빠서..ㅠㅡㅠ 물어볼데두 없고..ㅠㅡㅠ
-
큰깃
?? 위에 올려주신 소스에는 B,D,F에도 padding이 있는데요 ㅎㅎㅎ
-
가장
?? 전 잘 나오는데 ㅎㅎㅎ
저는 width 를 481px로 했어요.. 486px 아니에요..
혹시 젤 큰 982px 인 박스에 padding 있나요?
답글로 첨부파일 올렸으니 참고하세요~ -
벤자민
예 은수다님이 써주신걸로 다바꿔서 적용해봤는데요.
a b
c
d e
f 이렇게 나오네여.ㅡㅡ;;; 저도 잘 모르겠습니다. ㅠㅡㅠ -
모두가람
수다님 답변 감사드려요.. ^^ 밑에 답글로 한번 적용해볼께요.
은수다님 답변 감사드려요. 근데 패딩을 다빼고 해도 레이아웃은 바뀌지않는데요.
482px 10px(간격) 482px 이렇게 해서 982px인데요. ㅠㅡㅠ -
한추렴
큰박스에 width값을 주고요,li{float:left;} 시킨후에 마진으로 조금씩조절하면 될것같아요 ~
-
아이폰
제일 큰 게 982px 면 당연히 저렇게 되는데요..
지금 padding이 10px씩 있자나요..
그렇다면 저 양쪽 박스를 합치면 992px가 되는데요 - _-
width값이나 padding값을 다시 조정하시면 되겠네요.. -
라미
저것만을 감싸는 div를 하나더잡으시는건 어떠실지요.. ^-^
-
패틱
원래 레이아웃있는데요.. 바디안에 들어가는 페이지예여.
바디 젤 큰 width가 982 거든요. 마진을 넣어도 안먹더라구여. ㅠㅡㅠ -
라온제나
/*A,B,C,D,E,F*/ 모두
float:left; margin:10px 0 0 10px; width:481px;
하시고 bgcolor 따로 하시면 되겠네요..
만약 padding을 넣으시려면 width 를 조절하시구요..
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2702543 | C++ 프로그램을 웹연동시킬경우 | 아이폰 | 2025-07-24 |
2702487 | 저작권관련 긴급질문요~ (6) | 지희 | 2025-07-23 |
2702459 | 최근 포트폴리오 부분 질문드려요 | 흰가람 | 2025-07-23 |
2702431 | 플래시9에서 lite는 얼마나 발전할까요? (6) | 자올 | 2025-07-23 |
2702375 | mvc패턴 게시판 ..........아힘들어요 고수님들좀상세히도와주세요;; (3) | 냐하 | 2025-07-22 |
2702317 | ie6메뉴 보더문제 (3) | VanilLa | 2025-07-22 |
2702287 | c++ 변수 중간값 뽑아내서 비교하는 법 | 헛장사 | 2025-07-21 |
2702258 | AS2,0 함수에서 매개변수의 타입이 각각 다를때는? (5) | 하림 | 2025-07-21 |
2702228 | 이 표현은 무엇인지... 몰라서요. (2) | 도란도란 | 2025-07-21 |
2702197 | dll 인젝션 사용법좀 알려주세요 | 새밝 | 2025-07-21 |
2702147 | dd 안에 div들어가도 되나요? (8) | 꿈 | 2025-07-20 |
2702086 | [질문]세션 박스 질문입니다. (1) | 하연 | 2025-07-20 |
2702057 | 씨언어 숙재좀 풀어주실분 ㅜ.ㅜ (3) | 난슬 | 2025-07-19 |
2702000 | select 사용시 label 문제 질문드립니다. | 김예쁨 | 2025-07-19 |
2701970 | 실행파일의 이름은 어디서 변경하는지요???? | 호빵녀 | 2025-07-19 |
2701856 | 다시 한번 대체텍스트 관련 질문입니다.. (1) | 한샘가온 | 2025-07-18 |
2701803 | 저에게 지식의 자비를~ 베푸소서~!! (4) | 봄바람 | 2025-07-17 |
2701773 | 메모장 파일을 읽고 출력하는 내용에 관한 질문입니다. | 한국드립 | 2025-07-17 |
2701748 | 아이피 변경 부분이요... | 날애 | 2025-07-17 |
2701665 | 자바스크립트 // 왜 if 두개를 쓰면 오류가 나죠? (2) | 글리슨 | 2025-07-16 |