기본적인 div 레이아웃 문제 ㅠ
홀림길
안녕하세요
맨날 눈팅만 하다가 질문하게된 초보 개발자 입니다 ㅠ
div로 레이아웃을 잡는데 일단 소스
style
#testWrap{
width: 200px;
float: left;
border: solid 1px black;
}
#dd1{
width: 100px;
height: 100px;
background-color: red;
float: left;
clear: left;
}
#dd2{
width: 100px;
height: 100px;
background-color: blue;
float: left;
clear: left;
}
#dd3{
width: 100px;
height: 150px;
background-color: green;
float: left;
clear: right;
}
/style
div id = testWrap
div id = dd1
a
/div
div id = dd2
b
/div
div id = dd3
c
/div
/div일단 제가 IE에서는 제가 원하는 모양이 나오더군요
(IE7)
근데 파폭에서는 잘 안되요 ㅠ
(FF)
dd1 이랑 dd2를 또한 div로 묶으면 되긴 되는것 같긴 한데
너무 div를 남발하는것 같아서 조금 찜찜하더라구요
혹시 좀 더 심플한 방법을알고 계신분 있으시면
살짝 갈켜주세요~ ㅠ 감사합니다.
-
정훈
이별은 슬픈거지요..ㅋ
-
꽃달
음 결국 묶는게 가장 좋은 방법인거군요 모두 감사합니다~~
수다님// 저도 그렇게 해봤는데 그렇게 하니 이번에는 a하고 b가 이별하더라구요 ㅠ -
큰마루
순차적으로 안나오셔도 된다면
\tstyle
#testWrap{
float:left;
width: 200px;
border: solid 1px black;
}
#dd1{
width: 100px;
height: 100px;
background-color: red;
float: left;
}
#dd2{
width: 100px;
height: 100px;
background-color: blue;
float: left;
}
#d -
마호
묶으시는게 나을꺼 같아요~
-
이룩
a와 c의 height값이 같을 경우에는 방법이 있겠지만..
이런 경우에는..a와 b를 하나로 묶어서 하시는 방법이 좋다고 생각합니다. -
꿈
width를 정해주면 이별안하지 않을까요ㅁ)/~