siang master2 kaskus,
mau tanya nih. ane buat div untuk side bar kanan, nah masalahnya ane mau kalo data di contain itu sedikit, ukuran container terhadap sidebar nya sama gan. itu pake css code ny gmn y gan? biar gk over kya gini :
ini CSS nya gan :
Quote:
#body {
margin:0px;
/*padding:15px;*/
font-family:Arial;
font-size:12px;
background:url(images/bg_stadion.jpg)no-repeat;
background-position:top center;
background-color:#000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
#container
{
margin: 0 auto;
width: 960px;
background: #fff;
/* border-style: solid;*/
border-width: 1px;
margin-bottom:40px;
margin-top:50px;
/* box-shadow: 3px 3px 3px #515151;*/
}
#header
{
background: #fff;
padding: 15px;
height:auto;
}
#header h1 {
margin: 0;
}
.logo_atas{
width: 322px; height: 38px;
background: url('images/sprite2.png') no-repeat 0px 0px;
}
.logo_footer{
width: 92px; height: 20px;
background: url('images/sprite2.png') no-repeat 0px -75px;
}
.image_container{
width: 192px; height: 190px;
background: url('images/sprite2.png') no-repeat -322px 0px;
}
#navigation
{
float: left;
margin:0 auto;
width: 100%;
background: #333;
}
#navigation ul
{
margin: 0;
padding: 0;
}
#navigation ul li
{
list-style-type: none;
display: inline;
}
#navigation li a
{
display: block;
float: left;
padding: 5px 10px;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
}
#navigation li a:hover { background: #383; }
#content-container
{
float: left;
width: 900px;
background: #fff;
}
#content
{
clear: left;
float: left;
width: 560px;
padding: 20px 0;
margin: 0 0 0 30px;
display: inline;
}
#content h2 { margin: 0; }
#aside
{
float: right;
width: 240px;
padding: 20px 0;
margin: 0 20px 0 0;
position:relative;
}
#aside h3 { margin: 0;}
#footer
{
clear: left;
background: #ccc;
text-align: center;
padding: 20px;
height: 1%;
}