안녕하세요! 미라클캣입니다. ㅠㅡㅠ
묻고답하기 방을 전세낸거 같군요.
수다님과 은수다님이 도와주셔서 익스 7에서는 이렇게 잘 나오는데. 익스 6에서는 abcdef
이렇게 나옵니다 . 은수다님도 말씀하시고 찾아본 결과ul에 display:inline; 을 넣었습니다.
하지만 변화가 없습니다.
더블마진의 문제가 맞는것도 같지만. 차라리 속터져도 테이블 코딩이 낫지.. 영판 ㅠㅡㅠ
해당소스입니다.
#box ul{
width:982px;
list-style-type:none;
margin:0px;
padding:0px;
border:1px solid green;
overflow:hidden;
display: inline;
}
#box ul li{
margin-right:5px;
}
/* a*/
#summary_harmful_traffic {
float: left;
width: 486px;
background-color:green;
}
/*b*/
#summary_box2 {
width: 486px;
background-color:blue;
}
/*c */
#summary_attacks_type_5 {
float: left;
width: 486px;
margin: 10px 0 0 0;
background-color: yellowgreen;
}
/* d*/
#summary_alertlist {
left: 486px;
width: 486px;
margin: 10px 0 0 0;
background-color:yellow;
}
/*e */
#summary_attacks_5 {
float: left;
width: 486px;
margin: 10px 0 0 0;
background-color:red;
}
/* f */
#summary_box3 {
left: 486px;
width: 486px;
margin: 10px 0 0 0;
background-color: #ff5230;
}
이렇습니다.
ㅠㅡㅠ 제발 알려주세요.ㅠㅡㅠ
간조롱 2026.06.23
앗 수다님 제대로 나오는데여 익스 6에서도 제가 그럼 몰고쳐야 되죠?
width 를 1200으로 만드니까 익스 6에서도 제대로 나오네요. ㅠㅡㅠ
가림새 2026.06.23
음 꼭 리스트를 써야 되나요?
꽃겨울 2026.06.23
수다님 익스 6에서만 한줄로 흘러나오는데..그게 관련이 있나여 ? ㅡㅡa
한번 해보겠습니다.
튼트나 2026.06.23
ul {width:982px;}
li {float:left; width:486px; height:20px}
li.mr_10 {margin-right:10px;}
ul
li class=\mr_10\aaaa/li
liaaaa/li
li class=\mr_10\aaaa/li
liaaaa/li
li class=\mr_10\aaaa/li
liaaaa/li
/ul
단 li 의 넚이는 li 두개+마진 패팅 포함 982px를 넘으면 안되고 높이는 패당값 포함 같아야
지니 2026.06.23
display:inline;을 ul 이 아니라 ul li 안에 넣으세요 - _-
가랑비 2026.06.23
a,b,c,d,e,f height값도 일정해야 원하시는데로 정렬이 될겁니다
안에 들어가는 컨텐츠에 따라 height값이 서로 다르다면 정렬이 안되요
연초록 2026.06.23
마진 도 빼고 width도 480으로 전부 다 줄여봤는데도 똑같은데요. ㅠㅡㅠ
저도 이유를 잘 모르겠네여
가을바람 2026.06.23
ul li안에 넣으니까요.
A B
C
D
E F
이렇게 나오는데요 .. 익스6과 익스 7이 동일하게요. ㅡㅡ;;; 왜그럴까요,.ㅠㅡㅠ
뚜야 2026.06.23
그리고 width를 486이 아니라 줄이시던가.. margin 을 빼셔야할꺼에요..
총 넓이가 982면 저걸로 안된다니까요 - _-
먼저 float 에 관하여 검색해보신후에 float 속성을 이해하시고 하심이 빠를듯.. ㅠㅠ
제가 외출하기에 더이상은 도와드리지 못하고 대신 밑에님이.. ㅠㅠ
희나리 2026.06.23
수다님 브래드피똥님 답변 감사드려요.
컨텐츠마다 높이값이 다를 경우는 어떻게 해야하죠? ㅠㅡㅠ
a ,b 같고
c,d 같고
e,f 이렇게 같습니다. ㅠㅡㅠ
그럼 ul은 못쓰는건가요? ㅠㅡㅠ 아웅
수다님 답변 감사드려요. 더블마진이래서 display:inline; 넣었는데요. ㅠㅡㅠ