묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
css와 div 질문 입니다 익스에서는 보이는데 파폭에서는 잘 안보여요 ㅜㅜ
2008.03.15 16:59
<!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>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" src="/script/flash_load.js"></script>
</HEAD>
<BODY>
<div style="width:100%;height:auto;position:absolute;border:0px solid #000000;top:0px;left:0px;text-align:center;">
<div style="width:990px;height:auto;border:3px solid red;position:relative;left:0px;top:0px;margin:0 auto;">
<div style="border:0px solid blue;top:0px;left:0px;width:100%;height:130px;">
<div style="border:0px solid #000000;height:130px;top:0px;width:990px;">
<!-- 로고 부분 //-->
<div style="float:left;height:124px;left:0px;top:0px;">상단로고</div>
<!-- 로고 부분 //-->
<!-- 메뉴플래쉬 부분 //-->
<div style="float:right;height:125px;margin-left:16px;top:0px;">메뉴</div>
<!-- 메뉴플래쉬 부분 //-->
</div>
</div>
<div style="width:990px;height:152px;top:0px;left:0px;position:relative;">
<!-- 상단 부분 //-->
상단플래쉬
<!-- 상단 부분 //-->
</div>
<div style="border:0px solid blue;top:0px;left:0px;width:100%;height:auto;">
<div style="border:1px solid #000000;background:#DEDEDE;height:295px;left:10px;position:relative;text-align:center;top:0px;width:195px;float:left;">
<div style="background:#FFFFFF;height:290px;left:0px;margin:0pt auto;position:relative;top:0px;width:185px;text-align:center;">
<!-- 메뉴 상단 타이틀 부분 //-->
<div style="left:0px;position:relative;top:10px;margin:0 auto;"></div>
<!-- 메뉴 상단 타이틀 부분 //-->
<!-- 메뉴 아이템 부분 //-->
<div style="left:0px;position:relative;text-align:center;top:55px;">
</div>
<!-- 메뉴 아이템 부분 //-->
</div>
</div>
<div style="border:1px solid #000000;background:#DEDEDE;height:auto;position:relative;text-align:center;top:0px;width:775px;float:right;">
te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>
te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>
</div>
</div>
<div style="border:1px solid blue;top:0px;left:0px;width:100%;height:100px;">3번 레이어</div>
</div>
</div>
</BODY>
</HTML>
이 소스로 게시판 바디를 만들려고 하는데요
te<br> 남발한 부분이 게시판 바디에요
여기 게시판글 내용이 길어지면 자동으로 길어져야 하는데요
익스플로어에서는 제가 원하는 바로
3번 레이어가 te<br> 남발 부분이 길어지면 자동으로 그 아래로 붙는데요
파폭에서는 안그러네요 ㅜㅜ te<br> 남발 부분만 쫙길어지고
3번 레이어는 그 아래로 깔립니다
이거 어케 해야하나요 ㅜㅜ
고수님들 부탁 드려용
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" src="/script/flash_load.js"></script>
</HEAD>
<BODY>
<div style="width:100%;height:auto;position:absolute;border:0px solid #000000;top:0px;left:0px;text-align:center;">
<div style="width:990px;height:auto;border:3px solid red;position:relative;left:0px;top:0px;margin:0 auto;">
<div style="border:0px solid blue;top:0px;left:0px;width:100%;height:130px;">
<div style="border:0px solid #000000;height:130px;top:0px;width:990px;">
<!-- 로고 부분 //-->
<div style="float:left;height:124px;left:0px;top:0px;">상단로고</div>
<!-- 로고 부분 //-->
<!-- 메뉴플래쉬 부분 //-->
<div style="float:right;height:125px;margin-left:16px;top:0px;">메뉴</div>
<!-- 메뉴플래쉬 부분 //-->
</div>
</div>
<div style="width:990px;height:152px;top:0px;left:0px;position:relative;">
<!-- 상단 부분 //-->
상단플래쉬
<!-- 상단 부분 //-->
</div>
<div style="border:0px solid blue;top:0px;left:0px;width:100%;height:auto;">
<div style="border:1px solid #000000;background:#DEDEDE;height:295px;left:10px;position:relative;text-align:center;top:0px;width:195px;float:left;">
<div style="background:#FFFFFF;height:290px;left:0px;margin:0pt auto;position:relative;top:0px;width:185px;text-align:center;">
<!-- 메뉴 상단 타이틀 부분 //-->
<div style="left:0px;position:relative;top:10px;margin:0 auto;"></div>
<!-- 메뉴 상단 타이틀 부분 //-->
<!-- 메뉴 아이템 부분 //-->
<div style="left:0px;position:relative;text-align:center;top:55px;">
</div>
<!-- 메뉴 아이템 부분 //-->
</div>
</div>
<div style="border:1px solid #000000;background:#DEDEDE;height:auto;position:relative;text-align:center;top:0px;width:775px;float:right;">
te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>
te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>te<br>
</div>
</div>
<div style="border:1px solid blue;top:0px;left:0px;width:100%;height:100px;">3번 레이어</div>
</div>
</div>
</BODY>
</HTML>
이 소스로 게시판 바디를 만들려고 하는데요
te<br> 남발한 부분이 게시판 바디에요
여기 게시판글 내용이 길어지면 자동으로 길어져야 하는데요
익스플로어에서는 제가 원하는 바로
3번 레이어가 te<br> 남발 부분이 길어지면 자동으로 그 아래로 붙는데요
파폭에서는 안그러네요 ㅜㅜ te<br> 남발 부분만 쫙길어지고
3번 레이어는 그 아래로 깔립니다
이거 어케 해야하나요 ㅜㅜ
고수님들 부탁 드려용