[질문] 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 를 조절하시구요..
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2655515 | 앗;; 파이어폭스 3.6 업데이트 했더니.. (2) | 든솔 | 2024-05-20 |
2655433 | html텍스트박 트위터처럼.... (1) | 핑크빛입술 | 2024-05-19 |
2655406 | 워드프레스 다중사이트.. | 하예라 | 2024-05-19 |
2655352 | 동영상 플래이어 (2) | 머슴밥 | 2024-05-19 |
2655320 | GList를 사용하는데 에러가 발생합니다. 도와주세요~~ | 찬늘봄 | 2024-05-18 |
2655291 | 자바 초보입문했는데요~~ | 이퓨리한나 | 2024-05-18 |
2655235 | xml연동 갤러리 생성관련 질문입니다. (2) | 난새 | 2024-05-18 |
2655205 | C++ 포인터 if | WatchOut | 2024-05-17 |
2655150 | 모바일 웹 환경을 구축을 할때의 콘텐츠 이미지 사이즈 (2) | 레오 | 2024-05-17 |
2655122 | 엥;; getMonth() 왜이렇게 나타나죠? (6) | 초코맛캔디 | 2024-05-17 |
2655095 | 구구단 질문이요 (3) | 하예진 | 2024-05-16 |
2655064 | RSA.js 파일 구할 수 있을가요.. 있으신분 첨부좀 해주세요.. | 얀 | 2024-05-16 |
2655009 | 유료테마 사려고 하는데 데모파일이 없다면 | 에드가 | 2024-05-16 |
2654980 | cximage를 통해 jpg파일을 받아와 윈도우에 뿌리는 프로그램을 만드는중인데 꼬였습니다. (4) | 하린 | 2024-05-15 |
2654922 | 고도몰 3차 4차 이상 카테고리 표출되게.. (7) | 유메 | 2024-05-15 |
2654874 | 제이쿼리랑 자바스크립트 학원 추천좀부탁드릴게요 (7) | 향율 | 2024-05-14 |
2654843 | 탭버튼 코딩시 마우스오버가 접근성에 왜 어긋나는지 궁금합니다... (1) | 걸때 | 2024-05-14 |
2654814 | 중국어 인코딩 관련해서 질문요,,, (5) | 화이트캣 | 2024-05-14 |
2654783 | 이 알고리즘 한줄한줄 해석좀 부탁드립니다. (1) | 요루 | 2024-05-14 |
2654764 | t 탭 질문이여. (3) | 눈 | 2024-05-13 |