[질문] 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를 안쓰고도 구현이 되나요?
아니면 제가 어느별?어느부분을 고쳐야되는걸까요?
당최 모르겠습니다. 알려주세요 .ㅠㅡㅠ 당최 머리가 나빠서..ㅠㅡㅠ 물어볼데두 없고..ㅠㅡㅠ
-
방방 2024-03-14
?? 위에 올려주신 소스에는 B,D,F에도 padding이 있는데요 ㅎㅎㅎ
-
핫와인 2024-03-14
?? 전 잘 나오는데 ㅎㅎㅎ
저는 width 를 481px로 했어요.. 486px 아니에요..
혹시 젤 큰 982px 인 박스에 padding 있나요?
답글로 첨부파일 올렸으니 참고하세요~ -
스콜피온 2024-03-14
예 은수다님이 써주신걸로 다바꿔서 적용해봤는데요.
a b
c
d e
f 이렇게 나오네여.ㅡㅡ;;; 저도 잘 모르겠습니다. ㅠㅡㅠ -
분홍색진주 2024-03-14
수다님 답변 감사드려요.. ^^ 밑에 답글로 한번 적용해볼께요.
은수다님 답변 감사드려요. 근데 패딩을 다빼고 해도 레이아웃은 바뀌지않는데요.
482px 10px(간격) 482px 이렇게 해서 982px인데요. ㅠㅡㅠ -
개미 2024-03-14
큰박스에 width값을 주고요,li{float:left;} 시킨후에 마진으로 조금씩조절하면 될것같아요 ~
-
수국 2024-03-14
제일 큰 게 982px 면 당연히 저렇게 되는데요..
지금 padding이 10px씩 있자나요..
그렇다면 저 양쪽 박스를 합치면 992px가 되는데요 - _-
width값이나 padding값을 다시 조정하시면 되겠네요.. -
오미자 2024-03-14
저것만을 감싸는 div를 하나더잡으시는건 어떠실지요.. ^-^
-
도란도란 2024-03-14
원래 레이아웃있는데요.. 바디안에 들어가는 페이지예여.
바디 젤 큰 width가 982 거든요. 마진을 넣어도 안먹더라구여. ㅠㅡㅠ -
라와 2024-03-14
/*A,B,C,D,E,F*/ 모두
float:left; margin:10px 0 0 10px; width:481px;
하시고 bgcolor 따로 하시면 되겠네요..
만약 padding을 넣으시려면 width 를 조절하시구요..
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2654284 | 반응형 웹에서 | HotPink | 2024-05-09 |
2654234 | 타이틀옆에 카테고리 정렬질문이요 (2) | 밤 | 2024-05-09 |
2654207 | 퍼블리셔포트폴리오질문이요! ! (2) | 훌림목 | 2024-05-08 |
2654175 | 방문자 수,포스트마다 사람들이 클릭 한 수 알 수 있는 방법 없나요? | 찬늘 | 2024-05-08 |
2654145 | 숙제란! | 피리 | 2024-05-08 |
2654120 | 레이어팝업 이용시 body 스크롤 고정(?) 질문입니다. (2) | 꿈빛 | 2024-05-08 |
2654094 | 메인메뉴와 윈쪽사이드메뉴 테마? | 솔찬 | 2024-05-07 |
2654064 | mp3 plyer에서 이퀄라이져를 구현하고 싶습니다. (7) | 촉촉한 초코칩 | 2024-05-07 |
2654034 | 초보자라 조언좀얻고자합니다 씨언어 문제입니다 (4) | 모이 | 2024-05-07 |
2654006 | 아주 극초보 배열문젠데요...오류를 어케 처리하죠..;;; (2) | 눈꽃 | 2024-05-07 |
2653980 | 이미지 슬라이드 안에 삽입한 텍스트 애니메이션 제어방법? | 다흰 | 2024-05-06 |
2653950 | 키보드 누르기.. | 의사양반 | 2024-05-06 |
2653928 | [질문]자바언어에서 이성에대한 속성10개 메소드5개를알아오라는데;; (8) | 장미빛볼살 | 2024-05-06 |
2653851 | 자바 비동기 네트워크 질문입니다. | 벛꽃잎 | 2024-05-05 |
2653823 | 드림위버5로 div코딩 작업시 (10) | 미쿡 | 2024-05-05 |
2653797 | [HTML or JavaScript 질문요] 싸이2홈에 관한 (5) | 라임나무 | 2024-05-05 |
2653772 | [질문] JAVA로 제 컴에 있는 화상 카메라 제어 가능하겠죠? (2) | 환히찬 | 2024-05-04 |
2653721 | [플러그인]질문드립니다!! (3) | 이리온 | 2024-05-04 |
2653697 | 포문의 고수님들 도와주세여...포문이 복잡하네여.... | 족장 | 2024-05-04 |
2653671 | 메뉴 스크립트 문의드립니다. | 하루키 | 2024-05-03 |