Benim sitemde şuan ortada 1 sütun var. Haberler için ana bölüm bu. Ben bunun yan yana 2 sütun olarak gösterilmesini istiyorum. Kodlar aşağıda.
contentsol yapıp pixel azalttm contentsag yaptım pixel ve float right verdim.
İki bölmeye bölündü. Fakat diğer kısımları yapamadım. Nasıl olabilir. Ne ayarları vermeliyim.
#content {
float: left;
width: 683px;
}
#content .post {
float: left;
padding: 0px 0px 0px 15px;
width: 683px;
}
/* Post - Title */
#content .post .post-title {
width: 661px;
height: 90px;
padding: 4px 11px 0 11px;
background: url("images/post_title.png") no-repeat;
color: #0b95b2;
font: bold 13px Arial, Verdana;
position: relative;
}
#content .post .post-title-page {
height: 36px;
}
#content .post .post-title a {
color: #0b95b2;
text-decoration: none;
}
#content .post .post-title a:hover {
text-decoration: underline;
}
#content .post .post-title h2 {
float: left;
color: #005769;
font: normal 20px/36px Arial, Verdana;
}
#content .post .post-title h2 a {
color: #005769;
text-decoration: none;
}
#content .post .post-title h2 a:hover {
text-decoration: underline;
}
#content .post .post-title .post-date {
float: right;
color: #161616;
font: bold 13px/36px Arial, Verdana;
background: url("images/icon_calendar.gif") no-repeat left center;
padding-left: 19px;
}
#content .post .post-title .post-title-info {
clear: both;
width: 637px;
padding: 15px 12px 0 12px;
height: 34px;
line-height: 34px;
}
#content .post .post-title .post-title-info .post-title-author {
float: left;
background: url("images/icon_author.gif") no-repeat left center;
padding: 0 10px 0 20px;
}
#content .post .post-title .post-title-info .post-title-category {
float: left;
background: url("images/icon_category.gif") no-repeat left center;
padding: 0 10px 0 20px;
}
#content .post .post-title .post-title-info .post-title-comments {
float: left;
background: url("images/icon_comments.gif") no-repeat left center;
padding: 0 10px 0 20px;
}
/* Post - Entry */
#content .post .post-entry {
font: normal 13px/19px Arial, Verdana;
color: #7f827b;
width: 683px;
}
#content .post .post-entry .post-entry-in {
width: 675px;
background: url("images/post_entry_in.png") repeat-y;
float: left;
padding: 0 4px;
}
#content .post .post-entry .post-entry-in .post-entry-in-bottom {
width: 655px;
padding: 0 10px 0 10px;
min-height: 105px;
background: #EBFBC8;
float: left;
}
#content .post .post-entry .post-entry-bottom {
width: 683px;
height: 19px;
background: url("images/post_entry_bottom.png") no-repeat;
clear: both;
}
#content .post .post-entry a {
color: #0b750b;
text-decoration: none;
}
#content .post .post-entry a:hover {
text-decoration: underline;
}
#content .post .post-entry a.more-link {
font-weight: bold;
}
#content .post .post-entry blockquote {
margin: 0px 30px;
padding-left: 15px;
}