왕초보입니다. 이것좀 바주세요
AngelsTears
#alrime{ border: 0px; margin-top:10px; width:960px; height:80px}
#webzin{ border: 0px; margin: 0px; width:236px; height:80px; float:left}
#webzin_title{ border: 0px; margin: 0px; width:236px;}
#notice{ border: 0px; margin: 0px; width:239px; height:80px; float:none}
#notice_title{ border: 0px; margin: 0px; width:239px;}
#qa{ border: 0px; margin: 0px; width:238px; height:80px; float:right}
#qa_title{ border: 0px; margin: 0px; width:239px;}H1 {background: url(/home/images/title_webzin.gif) no-repeat; FLOAT: left; WIDTH: 236px; HEIGHT: 9px}
H2 {background: url(/home/images/title_notice.gif) no-repeat; FLOAT: left; WIDTH: 239px; HEIGHT: 9px}
H3 {background: url(/home/images/title_qa.gif) no-repeat; FLOAT: left; WIDTH: 238px; HEIGHT: 9px}
.hidden {display：none}
.more{float:right} ---------------------------------------------
div id=alrime
div id=webzin
div id=webzin_title
h1p class=hidden웹진/pa href=#img src=/home/images/btn_more.gif border=0 alt= 더보기 class=more //a/h1
/div
/div
div id=notice
div id=notice_title
h2p class=hidden공지사항/pa href=#img src=/home/images/btn_more.gif border=0 alt= 더보기 class=more //a/h2
/div
/div
div id=qa
div id=qa_title
h3p class=hidden질문답변/pa href=#img src=/home/images/btn_more.gif border=0 alt= 더보기 class=more //a/h3
/div
/div
/div----------------------------------------------
전체 div 속에 웹진(왼쪽정력), 공지사항(중앙정렬), 질문답변(오른쪽정렬) 3개 사이사이는 공백입니다.
그런데 3번째가 하단으로 떨어지는데 어케 잡야야하는지 모르겠네요..
고수님들 한수 부탁드립니다.
-
LO 2024-06-23
하면 적용해볼께요 ㅎㅎ 감사합니다.
-
월식 2024-06-23
감사합니다 수다님~
-
초고리 2024-06-23
네 감사합니다. 그런데
#notice{position:absolute; left:50%; border: 0px; margin:0 0 0 -140px; width:289px; height:82px; float:none; }
#notice_title{margin-bottom:10px; width:289px;}
#notice .notice_list li{list-style-type:none;padding-bottom:2px;}
#notice .notice_ -
앵초 2024-06-23
아무래도 제생각에는 한줄에 3개의 컨턴츠가 들어갈라면 저렇게 마크업하는것보단
div id=\container\
div id=\contents\
div class=\webzin\/div
div class=\notice\/div
/div
div class=\qa\/div
/div
이렇게 하면 하기 편하지 않을까요..
그리고 원래 있던 마크업되로 하실려면..
#alrime{ border: 0px; margin-top:10px; width:960px; -
연파랑 2024-06-23
#alrime{ position:relative; border: 0px; margin-top:10px; width:960px; height:80px ;}
#webzin{ border: 0px; margin: 0px; width:236px; height:80px; float:left; background:blue;}
#webzin_title{ border: 0px; margin: 0px; width:236px;}
#notice{ position:absol -
나봄 2024-06-23
모두 float:left 하신후 가운데(notice) 놈의 양쪽에 마진 혹은 패딩으로 잡으시는 방법도 있을것이구요 픽셀수다님께서 상상하시는 처음과 끝에 놈을 양쪽으로 보내면 가운데 놈은 중간에 있겠지 하는 생각은... 접으시는게 좋을꺼 같습니다.