푸터가 내용밑으로 오게~
라별
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html;charset=euc-kr /
title레이아웃1/title
style type=text/css
/*1.왼쪽고정메뉴,2.오른쪽가변내용*/
#a{position:relative; padding:0 50px 0 0; border:1px solid red; height:100%;}
#aa{border:1px solid blue; float:left;height:100%;}
#aa p {border:1px solid #000;}
#aaa{position：absolute; top:0; right:0; border:2px solid green;width:50px; float:right;}
#b{position:relative; border:1px solid yellow;width:100%;bottom:0;}
/style
/head
body
div id=a
div id=aap왼쪽이미지brbrbrbr!/p/div
div id=aaa오른쪽내용:그러나 맞추기는 너무 힘들어..br/div
/div
div id=b푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터푸터/div
/body
/html
--------------------------------------------------
이렇게 생긴건데요!!
오른쪽 내용나오는부분에서 내용은 크기제한을 주면안되거든요
디게 큰 그림이 올수도 있어요
스크롤이 생기는 한이 있어도 고정되어있어야 해서 absolute를 줬는데..
안주면 창을 줄였을때 밑으로 떨어지더라구요
근데 푸터가 왼쪽이미지가 늘어나면 같이 늘어나는데
오른쪽이미지 늘어나는건 상관없이 그자리에 있어서 내용은 긴데 푸터는 중간에 와요
이걸 어떻게 고쳐야 할까요??ㅠㅠ
도와주세요
-
빵야 2024-09-13
어머 죄송합니다. 되네요!!^^ 감사합니당~~^^
-
시내 2024-09-13
#a{padding:0 50px 0 0; border:1px solid red; height:100%; overflow:hidden;}
#aa{border:1px solid blue; float:left;height:100%;}
#aaa{float:right; border:2px solid green;width:50px; float:right;}
#b{clear:both; border:1px solid yellow;width:100%;bottom:0;} -
풍란 2024-09-13
이렇게 하면요!!창을 많이 줄이면 오른쪽에 내용이 밑으로 내려오는데요~~ㅠㅠ
-
유린 2024-09-13
html
head
meta http-equiv=\Content-Type\ content=\text/html;charset=euc-kr\ /
title레이아웃1/title
style type=\text/css\
p{margin:0; padding:0}
#a{position:relative; border:1px solid red;}
#aa{border:1px solid blue; float:left;height:100%;}
#aa p {border:1px