[질문] 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 를 조절하시구요..