[질문] 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 를 조절하시구요..
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2700393 | mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) | 소미 | 2025-07-04 |
2700359 | 3.0 ) SimpleButton 상태 강제 변경 (3) | 희선 | 2025-07-04 |
2700304 | ie8 전용핵 문의 (3) | 여자 | 2025-07-03 |
2700281 | 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) | 늘솜 | 2025-07-03 |
2700230 | 질문이여 ! | 뿡뿡몬 | 2025-07-03 |
2700205 | 액션스크립트책 좀 추천해주세요. (10) | 화이트캣 | 2025-07-02 |
2700173 | 자바 소스인데 어떤게 에러인지..? (1) | 호빵녀 | 2025-07-02 |
2700142 | 하단이 붙어있는 가변 레이아웃구조 질문드립니다. | 이플 | 2025-07-02 |
2700089 | 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) | 여름 | 2025-07-01 |
2700033 | 배경에 그라데이션을 넣으려고 하는데요.. (4) | 화이티 | 2025-07-01 |
2700005 | [질문] TextField 객체의 실제 높이 알아오는 방법 ? | 천사의눈물 | 2025-07-01 |
2699978 | FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) | 데이비드 | 2025-06-30 |
2699944 | 자바스크립트가 많은 사이트는... (6) | 희나리 | 2025-06-30 |
2699918 | 브라우저마다 다른 input과 텍스트 정렬 (3) | 늘봄 | 2025-06-30 |
2699887 | 동적텍스트를 그래픽으로?? (2) | 족장 | 2025-06-30 |
2699862 | scope넣기 (1) | 아인 | 2025-06-29 |
2699835 | exe로 만드는 방법을....알려주세요.. (5) | 방방 | 2025-06-29 |
2699809 | 롤오버할때 백그라운드 이미지로할때 alt설명은 어떻게해야하죠?..ㅠ (4) | 반혈 | 2025-06-29 |
2699757 | 리스트뷰에 있는 내용을 랜덤으로 추출 | 세실 | 2025-06-28 |
2699725 | JMX 질문입니다. (1) | 시나브로 | 2025-06-28 |