리자

CSS 잘 아시는 분 help me


http://sir.co.kr/bbs/board.php?bo_table=ds_css&wr_id=277


빨리 해결하고 주말에는 쉬어야 해서요. ^^ㅋ
|

댓글 10개

[http://sir.co.kr/data/file/cm_free/596326309_mUb0FDt9_untitled.jpg]
레이아웃 문제인데 포기하믄 좀 안습이지 않을까요?ㅎㅎㅎㅎ
clear:both 로도 안되나요?
밑으로 확 떨어지네요. ㅎㅎ
원래 DTD 선언에서...
'xhtml1-transitional.dtd' 와 'xhtml1-strict.dtd'에서 오묘하게 그런 차이가 있습니다.
'xhtml1-strict.dtd'에서 'xhtml1-transitional.dtd'때 보다 위아래 간격이 더 벌어지죠...
http://blog.wystan.net/2007/08/11/image-alignment-with-css

전혀 모르지만 참고해 보시라고 남겨 봅니다.
편법이긴 한데요

.view_file 에 width : 100% 로 해보세요

1.1 strict 에서 % 가 안된다면 부모 엘리먼트의 width 사이즈 그대로 .view_file 하시면

넓이가 커지면 자동으로 다음줄로 넘어가는(떨어지는) 속성이 있으니까요
만약 view_file 을 옆으로 다중으로 나오게 하시길 원하시면

글쓴이
{이미지} {이미지}
{이미지} {이미지}
{이미지} {이미지}

.author_area 클래스에

float: left; 속성과
width: 100%; 속성을 추가하시면 될듯하네요
이렇게 넣어 보세요
/////////////////////////////////////////
최고관리자 (220.♡.XXX.XX)
///////////////////////////////////////////이 부분 태그 밑으로
<div class="veiw_img_block"></div> 이렇게 넣어 주시고요

이태그 밑으로
<div class="적당한 스타일 ">보여질 이미지 </div>

/////////////////////////////////////////
스타일은 이렇게 해보셔요
.veiw_img_block{ border: solid 1px #f5f5f5; display:block; width:100%; clear:both; }

그러시면 최고관리자 밑으로 f5f5f5 색상의 1픽셀 라인 두줄이 그려지고요
최고관리자 밑으로 그림이 정렬 될 것 입니다.

최고관리자 와 그림사이에 100% 라인을 넣으면서 block으로 잡기 때문에 그림이
따라 올라 가지 않습니다.

고맙습니다.
<div class='author_area'>
<span class='author'><a href='#' class='sidebox' rel='mb_id=kagla&amp;name=최고관리자&amp;email=a2FnbGFAbmF2ZXIuY29t&amp;homepage=' onclick='return false;'><span class='member'>최고관리자</span></a></span>
<span class='ipaddress'>(220.♡.200.91)</span>
</div>
///////이 사이에 이렇게 넣으시면 될겁니다.//////////////////////////////
<div class="veiw_img_block"></div>
//////////////////////////////////////////////////////////
<div class='view_file'><img src='../data/file/1/XXXXXXXXXX_7P8CsROi_6046.jpg' alt='' /></div><div class='view_file'><img src='../data/file/1/XXXXXXXXX_tKTsUHVY_6052.jpg' alt='' /></div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고