content 양옆 빨갛게 표시된부분 전체를 저런 옅은 회색으로 하고싶은데
내용이 있어야 background-color 가 적용이 되더라구요
내용상관없이 content 길이에따라 저쪽 전체가 옅은 회색으로 되게 구현하고싶은데 어떻게해야할까요??
content 양옆 빨갛게 표시된부분 전체를 저런 옅은 회색으로 하고싶은데
내용이 있어야 background-color 가 적용이 되더라구요
내용상관없이 content 길이에따라 저쪽 전체가 옅은 회색으로 되게 구현하고싶은데 어떻게해야할까요??
먼저 왼쪽태그 부분은제가 이렇게 만들었습니다
<div class="content_left"> <!--@if($layout_info->left_widget_var_1)--> <div class="left_widget"> <!--@if($layout_info->left_widget_var_1_title)--><p class="widget_title"><span>{$layout_info->left_widget_var_1_title}</span></p><!--@end--> <div class="left_widget_content">{$layout_info->left_widget_var_1}</div> </div> <!--@end--> <!--@if($layout_info->left_widget_var_2)--> <div class="left_widget"> <!--@if($layout_info->left_widget_var_2_title)--><p class="widget_title"><span>{$layout_info->left_widget_var_2_title}</span></p><!--@end--> <div class="left_widget_content">{$layout_info->left_widget_var_2}</div> </div> <!--@end--> <!--@if($layout_info->left_widget_var_3)--> <div class="left_widget"> <!--@if($layout_info->left_widget_var_3_title)--><p class="widget_title"><span>{$layout_info->left_widget_var_3_title}</span></p><!--@end--> <div class="left_widget_content">{$layout_info->left_widget_var_3}</div> </div> <!--@end--> </div>
content_left 에 백그라운드속성을줫구요...
짱이시네영 ..저보다대단하시당..
근데 속성을 주셨는데도 저렇다면 코노하님의 말대로 인거같애요
흠흠 height가 안들어가서 그런거같은데
저라면 아에 구조자체를 다르게 생각할거같애요
먼저 body에 색깔을 회색으로 하시고
content 영역부분의 속성만 white로 하는게 편하지 않으실까요?
주소를 적어주시면 금방 해결해주실분들이 많을것 같긱ㄴ한뎁..
간단히 한예를 드리자면
<head>
<style>
html,body { min-height: 100%; }
.container { width: 100%; display: table; height: 100%; }
.container > .td { display: table-cell; }
.container > .left { width: 15%; }
.container > .center { }
.container > .right { width: 15%; }
</style>
</head>
<body>
<div class="container">
<div class="left td">LEFT</div>
<div class="center td">CENTER</div>
<div class="right td">RIGHT</div>
</div>
</body>
저 글자를 적어넣으신 부분이 예를들어 <p>dosfnd</p>라던가 <span> dojisd</span>이라던가 하다면
<div>
<p>dosfnd</p>
</div>
요롷게 그것을 감싸고 있는 요소를 찾으실 수 있을거에요 <div> 같은거 말이죠 ㅎㅎ
이 경우에는 <div style="background-color:grey"> 이런식으로 스타일을 직접 지정하시는 방법이 있고
조금 익숙해지시면 css문서를 하나 만들어서 class만 넣으면 딱 그 속성이 지정되게 하는방법
이렇게 있네요 ^^