얌체같이 질문올릴때만 글쓰는거 같아서 죄송합니다 ㅠㅠ
이번에 궁금한점은요
플래시로 아래 그림처럼 되어있어요
bg 같이 큰 플래시가 있고 그 안에 세로로 플래시 메뉴가있어요
이것도 z-index 알아내서 여기까지 해놓은건 정말 기뻣습니다 ㅋㅋㅋ
근데 이놈의...중앙정렬 ....
전에 질문해서 많이들 알려주셔서 중앙정렬했습니다..
근데 "메뉴플래시2" 이것이 absolute 로 되어있어서 해상도에 따라 차이가 많이있습니다 ㅠㅠ
그래서 아 안되겠따 relative 로 하자 해서 했더니
이런식으로 되어버립니다. ㅠㅠ
플래시가 겹치게 하려면 absolute 로 해야 되는거 같은데 후... 어떻게 해야 될까요
간곡히 부탁드려요 ㅠㅠㅠ
도와주세요 선배님들 !!!!!ㅜㅜ
댓글 3개
senseme
14년 전
레이아웃을 어떻게 활용하냐에 따라 달른데요..상대적 위치로(relative)활용하시는게
손도 덜가고 편합니다.absolute<-이것은 절대적 위치기때문에 익스나 해상도 등에따라
달라질수밖에없죠..꼭 absolute<-이걸 사용하셔야한다면 유동적으로 사이즈변화를 잡아서 변경해주셔야 할것입니다.
그래서 전 보통 귀찮아서 relative<- 상대적 위치를 사용해서 중첩사용을 합니다..
소스를 올리시면 수정해서 답변드렸을텐데....그럼 수고하세요.
손도 덜가고 편합니다.absolute<-이것은 절대적 위치기때문에 익스나 해상도 등에따라
달라질수밖에없죠..꼭 absolute<-이걸 사용하셔야한다면 유동적으로 사이즈변화를 잡아서 변경해주셔야 할것입니다.
그래서 전 보통 귀찮아서 relative<- 상대적 위치를 사용해서 중첩사용을 합니다..
소스를 올리시면 수정해서 답변드렸을텐데....그럼 수고하세요.
14년 전
그러게요 소스도 같이 올리시면 답변드리기가 더 수월할텐데요.
<div style="height:100px;background:#ddd">플래쉬1</div>
<div style="position:absolute;top:50px;left:50%;z-index:2">
<div style="position:relative;left:-30px;width:60px;background:#ccc">플래쉬2</div>
</div>
이걸로 한번 테스트해보세요. <div style="position:relative;left:-30px;width:60px;background:#ccc">플래쉬2</div> 에서 left -30px 은 플래쉬넓이의 절반을 입력하시면 될꺼에요. width:60px 부분은 플래쉬2 넓이값을 입력하시면 되구요.
<div style="height:100px;background:#ddd">플래쉬1</div>
<div style="position:absolute;top:50px;left:50%;z-index:2">
<div style="position:relative;left:-30px;width:60px;background:#ccc">플래쉬2</div>
</div>
이걸로 한번 테스트해보세요. <div style="position:relative;left:-30px;width:60px;background:#ccc">플래쉬2</div> 에서 left -30px 은 플래쉬넓이의 절반을 입력하시면 될꺼에요. width:60px 부분은 플래쉬2 넓이값을 입력하시면 되구요.
한번잘해보자
14년 전
답변감사합니다 !!! 해결했어요 ㅋㅋ relative 주면 이동은 되는데 그 크기만큼의 빈공간때문에
고민했었거든요 근데 div 로 크기 상관없이 w : 1px h : 1px 주니까 이동시켜도 그 크기만큼의 공간을
차지 하지 않는단걸 배웠습니다 감사합니다 ㅜ!!!
고민했었거든요 근데 div 로 크기 상관없이 w : 1px h : 1px 주니까 이동시켜도 그 크기만큼의 공간을
차지 하지 않는단걸 배웠습니다 감사합니다 ㅜ!!!
게시판 목록
디자인
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1366 | 12년 전 | 3530 | ||
| 1365 | 12년 전 | 1970 | ||
| 1364 |
ㅁㄴㅇㄹㄹㄹ
|
12년 전 | 1263 | |
| 1363 | 12년 전 | 2784 | ||
| 1362 |
 cshop2 |
12년 전 | 2732 | |
| 1361 | 12년 전 | 7805 | ||
| 1360 | 12년 전 | 1780 | ||
| 1359 |
 웹팩토리아 |
12년 전 | 1296 | |
| 1358 | 12년 전 | 1997 | ||
| 1357 | 12년 전 | 1406 | ||
| 1356 | 12년 전 | 2368 | ||
| 1355 | 12년 전 | 3108 | ||
| 1354 | 12년 전 | 2396 | ||
| 1353 | 12년 전 | 2080 | ||
| 1352 | 12년 전 | 2875 | ||
| 1351 |
미소짓는오후
|
12년 전 | 1777 | |
| 1350 |
한번잘해보자
|
12년 전 | 1288 | |
| 1349 | 12년 전 | 2073 | ||
| 1348 | 12년 전 | 1710 | ||
| 1347 |
또다른세상
|
12년 전 | 2570 | |
| 1346 |
또다른세상
|
12년 전 | 2452 | |
| 1345 |
또다른세상
|
12년 전 | 2281 | |
| 1344 |
또다른세상
|
12년 전 | 2289 | |
| 1343 |
또다른세상
|
12년 전 | 2506 | |
| 1342 | 12년 전 | 1177 | ||
| 1341 | 12년 전 | 892 | ||
| 1340 |
또다른세상
|
12년 전 | 2054 | |
| 1339 |
또다른세상
|
12년 전 | 1798 | |
| 1338 |
또다른세상
|
12년 전 | 2944 | |
| 1337 | 12년 전 | 1579 | ||
| 1336 | 12년 전 | 1262 | ||
| 1335 |
sey1234
|
12년 전 | 2891 | |
| 1334 |
아름다운세상
|
12년 전 | 2424 | |
| 1333 |
아름다운세상
|
12년 전 | 2222 | |
| 1332 |
웹디자인되고파
|
12년 전 | 1268 | |
| 1331 | 12년 전 | 2126 | ||
| 1330 | 12년 전 | 1086 | ||
| 1329 | 12년 전 | 1572 | ||
| 1328 | 12년 전 | 1886 | ||
| 1327 | 12년 전 | 2807 | ||
| 1326 | 12년 전 | 3669 | ||
| 1325 | 12년 전 | 1871 | ||
| 1324 |
 홍익플래시 |
12년 전 | 1950 | |
| 1323 |
 지윤사랑해 |
12년 전 | 3783 | |
| 1322 |
홍익플래시 |
12년 전 | 1400 | |
| 1321 | 12년 전 | 1036 | ||
| 1320 | 12년 전 | 3382 | ||
| 1319 |
 스타일튜브 |
12년 전 | 2302 | |
| 1318 |
 지민이생각 |
12년 전 | 2984 | |
| 1317 |
홍익플래시 |
12년 전 | 1205 | |
| 1316 |
홍보기획실
|
12년 전 | 6626 | |
| 1315 | 12년 전 | 1329 | ||
| 1314 |
홍익플래시 |
12년 전 | 1918 | |
| 1313 |
홍익플래시 |
12년 전 | 1405 | |
| 1312 | 12년 전 | 970 | ||
| 1311 | 12년 전 | 1360 | ||
| 1310 |
홍익플래시 |
12년 전 | 1698 | |
| 1309 |
또다른세상
|
12년 전 | 2555 | |
| 1308 |
또다른세상
|
12년 전 | 2247 | |
| 1307 |
또다른세상
|
12년 전 | 2607 | |
| 1306 |
또다른세상
|
12년 전 | 2493 | |
| 1305 |
또다른세상
|
12년 전 | 2149 | |
| 1304 |
또다른세상
|
12년 전 | 2075 | |
| 1303 | 12년 전 | 4195 | ||
| 1302 |
아름다운세상
|
12년 전 | 1979 | |
| 1301 |
 AKASIA |
12년 전 | 1356 | |
| 1300 | 12년 전 | 1662 | ||
| 1299 |
아름다운세상
|
12년 전 | 1616 | |
| 1298 |
아름다운세상
|
12년 전 | 1236 | |
| 1297 |
아름다운세상
|
12년 전 | 1314 | |
| 1296 |
아름다운세상
|
12년 전 | 877 | |
| 1295 | 12년 전 | 1859 | ||
| 1294 |
아름다운세상
|
12년 전 | 1830 | |
| 1293 | 12년 전 | 2181 | ||
| 1292 |
 울랄라커뮤니케이션스 |
12년 전 | 1569 | |
| 1291 |
울랄라커뮤니케이션스 |
12년 전 | 1491 | |
| 1290 |
울랄라커뮤니케이션스 |
12년 전 | 1354 | |
| 1289 |
울랄라커뮤니케이션스 |
12년 전 | 2022 | |
| 1288 |
울랄라커뮤니케이션스 |
12년 전 | 2183 | |
| 1287 |
울랄라커뮤니케이션스 |
12년 전 | 1776 | |
| 1286 |
 파란다리미 |
12년 전 | 3371 | |
| 1285 |
파란다리미 |
12년 전 | 3876 | |
| 1284 |
파란다리미 |
12년 전 | 2774 | |
| 1283 |
홍익플래시 |
12년 전 | 2117 | |
| 1282 |
Enafriend
|
12년 전 | 2192 | |
| 1281 | 12년 전 | 2101 | ||
| 1280 | 12년 전 | 1750 | ||
| 1279 | 12년 전 | 2333 | ||
| 1278 | 12년 전 | 1484 | ||
| 1277 | 12년 전 | 3196 | ||
| 1276 | 12년 전 | 2021 | ||
| 1275 |
 길가다꽁해져 |
12년 전 | 1229 | |
| 1274 |
 weblife |
12년 전 | 3443 | |
| 1273 |
weblife |
12년 전 | 3069 | |
| 1272 |
weblife |
12년 전 | 1772 | |
| 1271 |
jangbi
|
13년 전 | 1536 | |
| 1270 | 13년 전 | 4792 | ||
| 1269 |
번민의시인
|
13년 전 | 944 | |
| 1268 |
freejazzme
|
13년 전 | 6304 | |
| 1267 | 13년 전 | 6612 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기