레이아웃 짜는거 기초 좀 도와주세요
파랑
style type=text/css
* {padding: 0;margin: 0;outline: 0;border: 0;}
#wrap {position: relative;width: 100%;background-color:black;}
#header {position: relative;width:980px;margin: 0 auto;background-color:gray;}
.header_l{position: relative;float:left;left:0;background-color:#ff3300;width:300px;}
.header_r{position: relative;float:right;right:0;background-color:#ff3300;width:300px;}
/style
body
div id=wrap
div id=header
div class=header_l /div
div class=header_r /div
/div
/div
/body
대충 이렇게 해놓고 질문 몇개 드릴게요~
여기에서 position:relative가 불필요하게 들어간부분은? 어딜까요 불필요한 소스같은거 좀 알려주세요 습관되겠어요 ㅠㅠ;
-
상처입은마음
제 옆자리에 앉은 디자이너분은 학원에서 웹표준 교육을 받았는데, (그x컴퓨터)
강사분께서 항상 부모에다가 position:relative; 를 달으라고 시켰다더군요..ㄷㄷㄷ -
너의길
감사합니당. ㅠ
-
접시
보통 position:relative는
1. 자식을 absolute로 띄우기 위해서 그 상대좌표를 잡기 위해서 쓰이거나
2. 공중으로 띄우되, 그 원래의 공간은 잡아두기 위해서
쓰이죠~ (물론 그 외에도 여러가지 이유로 쓰이긴 하죠) 근데 보여주신 코드에서는 그러한 목적은 전혀 없는 것 같으니...
+ 참고로, #ff3300은 #f30; 으로도 대체 가능합니다. -
솔빛길
감사합니당. ㅠ
-
개랑
저도 전부에 한표...;;
거기에 하나 더 덧붙이자면 #wrap { position: relative; width: 100%; background-color:black; }
굳이 이거 빼셔도 될듯... 마이어 아저씨가 html 이나 body 를 이용하라고 하셨어요. ㅋㅋ -
간조롱
감사합니당. ㅠ
-
전갈자리
전부요......
라는 생각이 드네요; absolute로 띄울 자식 요소가 있는 것도 아니고 header_l과 header_r은 float로 위치 조정을 하고 있으니 relative를 이용해서 위치 조정하시려고 하는 것 같지도 않고...
position:relative를 사용하신 이유를 알고 싶네요~
+ 다시 보니까, header_l과 header_r에 각각 left:0; right:0 주신거는 포지션으로 위치 조정하시려고 하신 것 같네요..
사용 -
목소리
감사합니당. ㅠ
-
이송이
모두 빼셔도 되요 position:relative가 뭐할 때 쓰는 것인지 먼저 공부하셔야 할듯이요..
-
꼬꼬마
릴레이티브를 도배하는 습성이 있어서..
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2696792 | Doctype 문의 | 떠나간그녀 | 2025-06-02 |
| 2696683 | 컴파일된 클립 질문 드립니다. | 흰추위 | 2025-06-01 |
| 2696656 | C질문요 (4) | 블랙캣 | 2025-05-31 |
| 2696504 | 플래시 위에 div 올리기 (5) | 큰꽃늘 | 2025-05-30 |
| 2696458 | 제가 만든 소스 한번 봐주시고 수정 할 꺼 있으면 말해주세요. (실행은 되지만 깜빡거리네요) | 이플 | 2025-05-29 |
| 2696434 | 퍼센트 레이아웃 질문인데요.. | 나츠 | 2025-05-29 |
| 2696372 | %=open_main%, %=open_sub% 가 뭘까요? (9) | 행복녀 | 2025-05-29 |
| 2696347 | 콘솔 프로그램 질문 | 상큼한캔디 | 2025-05-28 |
| 2696320 | c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. | 슬아라 | 2025-05-28 |
| 2696292 | 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? | 망고 | 2025-05-28 |
| 2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
| 2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
| 2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
| 2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
| 2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
| 2696094 | exe 파일 | 제철 | 2025-05-26 |
| 2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
| 2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
| 2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
| 2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |