테스트 사이트 - 개발 중인 베타 버전입니다

CSS 잘 아시는 분 help me

· 14년 전 · 2145 · 10

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


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

댓글 작성

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

로그인하기

댓글 10개

14년 전
[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'때 보다 위아래 간격이 더 벌어지죠...
14년 전
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>

게시글 목록

번호 제목
1717629
1717626
1717625
1717621
1717619
1717611
1717610
1717609
1717607
1717601
1717598
1717591
1717590
1717583
1717575
1717572
1717568
1717566
1717549
1717545
1717533
1717512
1717511
1717508
1717495
1717479
1717473
1717470
1717463
1717452