div 간에 간격 문제...
널위해
안녕하세요~~
으~~ 정말 여러가지 많이 배우는 곳에서.. 드디어 저도 질문을 올리게 되었네요..
문제는 다름 아니라...
지금까지는 무조건 table로 레이아웃을 잡고 table로만 작업을 하다가 드디어 웹표준이라는것이 있다는 것을 알게되어서..
그럼 이제부터는 표준이라는 것으로 작업을 해볼까~~ 생각되어서
책도사고 이번 플젝에 이것저것 도입해 보고 있는 웹표준지망 초보인데...
회원가입 폼에서...
BODY
div id=join_top
img src=/sa_join/images/join_01.gif border=0
/div
div id=join_id
img src=/sa_join/images/join_02.gif border=0
/div
div id=join_add
img src=/sa_join/images/join_03.gif border=0
/div
div id=join_bottom
img src=/sa_join/images/join_04.gif border=0
/div
/BODY
이정도로 나누었는데....
(사실... table에서 div로만 바뀌었을 뿐, 예전 그대로의 코딩방식을 아직도 사용하고 있습니다. 흑...)
문제는... div간에 간격이 생긴다는 것입니다. 한 7px 정도?
이곳에서 검색을 해보기도 했는데... 아무리해도 해결이 되지가 않아서... float때문에 그런다는 글이 있는데... 그건 아닌거 같고, 익스쪽 버그때문이라는 글도 본거 같은데... 아직 검색실력이 부족해서인지...
답을 못찾겠네요.
부디 조언 부탁드립니다.
아, 그리고 혹 레이아웃 잡는 방법의 팁같은게 있을까요?
책도보고 이글저글 찾아서 보기는 하는데... 솔직히 적용이 잘 안되서요...그럼.. 좋은 하루 되세요~
-
걸때
레덴토레님께서 마크업하신것처럼 자신의 스타일대로 하시려면
div id=\join_top\
img src=\/sa_join/images/join_01.gif\ border=\0\br
/div
방법과
.join_top img {vertical-align:top;} 추가
div id=\join_top\
img src=\/sa_join/images/join_01.gif\ border=\0\
/div
의 방법도 있습니다. -
Sonya
아~ 수다님.. 감사합니다~그런방법도.. 있네요~~ ㅎㅎ 역시.. 이곳에는 막강하신 분들이 많이 계시네요~~ 감사합니다~~
-
봄여울
div id=\join_top\img src=\/sa_join/images/join_01.gif\ border=\0\/div
div id=\join_id\img src=\/sa_join/images/join_02.gif\ border=\0\/div
div id=\join_add\img src=\/sa_join/images/join_03.gif\ border=\0\/div
div id=\join_bottom\img src=\/sa_join/image -
아유미
아~~ 다시 찾아보고.. 알았습니다. font-size를 0px로 주면 되는 거였군요. 이런.. 조금만 더 검색해볼걸.. 감사합니다~~