Merhaba arkadaşlar MyDesign Haber v0.7 kurdum ve bunda bazı ufak tefek değişiklikler yapmak istiyorum bir çok şeyi hallettim ama bir yeri halledemedim sayfa genişliğini 890 yaptım ama sayfayı daralttığımda 890olmadan alt tarafta kaydırma çubuğu çıkıyor css dosyam aşağıda yardımcı olunuz lütfen..
beyaz alana geldiğinde kaydırma çubuğu çıkması gerek
body {
background:#5B5034; margin:0; padding:0; }
body, td {
font:12px Arial, Verdana, Sans-Serif; }
td {
vertical-align:top; }
a {
color:#3070ca; }
h2 {
font-family:Arial; font-size:23px; margin:0 0 0px 0; border-bottom:0px solid #ccc; }
/* Ana Hücreler */
#ana {
margin:0px auto; background:#fff; padding:0px; border:0px solid #; width:890px; }
#main {
}
#ust {
padding:0 0 0px 0; }
#ust h1 {
color: #2255AA; font-size: 48px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; }
#ust a.sitebaslik {
color:#ccc; text-decoration:none; }
#bant {
background:url(../img/bg/bant.gif) top left repeat-x; }
#bant a {
font-size:12px; color:#fff; font-weight:bold; text-decoration: none; }
#bant a:hover {
text-decoration:underline; }
#sol {
width:160px; padding:10px 10px 0 0; }
#orta {
width:570px; padding:10px 0 0 0; line-height:17px; }
#orta h1, #orta2 h1 {
color:#000000; font-size:22px; font-weight:bold; margin:0px 0px 10px 0px; padding:0; line-height:24px; }
#orta2 {
width:740px; padding:10px 0 0 0; line-height:1px; }
#sag {
width:160px; padding:10px 0 0 10px; }
#sag2 {
width:0px; padding:10px 0 0 10px; }
#alt {
border-top:1px solid #ccc; text-align:center; padding:2px 0 2px 0; color:#666; font-size:11px; line-height:17px; }
#alt a {
color:#999; }
#alt p {
margin:10px 0; }
/* Üst Menü */
#ust-menu {
margin:0; padding:0; }
#ust-menu td {
text-align:right; vertical-align:middle; background:url() top right no-repeat; }
#ust-menu td a {
font-size:11px; display:block; padding:0px 0px; background:url() top left no-repeat; }
#ust-menu td a:hover {
background:url() top left repeat-x; text-decoration:none; }
/* Kategoriler Kutusu */
#kategoriler, #video_kategoriler {
margin:0 0 5px 0; width:160px; padding-bottom:1px; background:url(../img/bg/nokta.gif) bottom left repeat-x; }
#kategoriler h3, #video_kategoriler h3 {
background:#b1c3d4; margin:1px; padding:7px 0 7px 10px; font-size:11px; color:#000; }
#kategoriler ul, #video_kategoriler ul {
list-style:none; margin:0; padding:0; width:160px; }
#kategoriler li, #video_kategoriler li {
position: relative; }
#kategoriler ul li a, #video_kategoriler ul li a {
overflow:auto; font-weight:bold; text-decoration:none; color:#1a4182; display:block; background:url(../img/bg/menu1.gif) top left repeat-x; padding:7px 0 7px 15px; }
#kategoriler a:hover, #video_kategoriler a:hover {
color:#000; }
#kategoriler ul li ul {
position:absolute; width:160px; top:0; visibility:hidden; border-left:1px solid #fff; }
#kategoriler li li {
}
#kategoriler li li a {
text-decoration:none; font-size:12px; color:#1a4182; display:block; padding:7px 0 7px 15px; }
#kategoriler li li a:hover {
color:#000; }
#kategoriler .subfolderstyle {
background:url(../img/bg/menu2.gif) top left repeat-x; }
* html #kategoriler ul li { float:left; height:1%; }
* html #kategoriler ul li a { height:1%; }
/* Arama Kutusu */
#arama, #video_arama {
margin:0 0 5px 0; width:158px; border:1px solid #1a4182; }
#arama h3, #video_arama h3 {
background:url(../img/bg/bant.gif) 0 -1px repeat-x; margin:0; padding:8px 0 8px 10px; font-size:11px; color:#fff; }
#arama .input, #video_arama .input {
margin:2px; width:130px; font-size:11px; font-family:Tahoma; }
#arama form, #video_arama form {
padding:10px; margin:0; }
#arama a, #video_arama a {
font-size:11px; }
/* Menü Kutular */
.kutu {
margin:0 0 5px 0; width:158px; border:1px solid #1a4182; }
.kutu h3 {
background:url(../img/bg/bant.gif) 0 -1px repeat-x; margin:0; padding:8px 0 7px 10px; font-size:11px; color:#fff; }
.kutu ul {
list-style:none; margin:0px; padding:5px; }
.kutu li {
padding:6px 0 4px 14px; background:url(../img/icon/kutu_baslik.gif) 1px 9px no-repeat; }
.kutu a {
color:#204888; text-decoration:none; }
.kutu a:hover {
text-decoration:underline; }
/* En Çok Okunanlar */
#accordion {
margin:0;}
#accordion a h1, #accordion a h1:active {
text-decoration:none; color:#666666; }
#accordion ul#menu {
margin:0; padding:0; }
#accordion li.acBaslik {
background:url(../img/bg/son_dakika.gif) top left repeat-x; margin:0; padding:7px 0 8px 0; }
#accordion li.acBaslik h1 {
font-size:11px; color:#333; padding:0 0 0 10px; margin:0; }
#accordion li.acBaslik i {
font-size:11px; }
#accordion li.acBaslik ul {
margin:5px 0 0 0; }
/* Manşet */
#manset-tablo {
background:#fff; margin-bottom:10px; }
#manset-aciklama {
padding:20px 5px 5px 0; color:#585858; line-height:17px; }
#manset-aciklama p {
margin:5px 0 5px 0; }
#manset-resimler {
width:190px; padding:10px; }
#mansetler a {
text-decoration:none; color:#666; font-weight:bold; }
#manset-basliklar {
padding:0 10px 10px 10px; }
#manset-basliklar a {
display:block; float:left; text-decoration:none; margin:1px 0 0 1px; background:#5186d7; width:35px; text-align:center; padding:7px 0; color:#fff; font-weight:bold; }
#manset-basliklar a:hover {
background:#999; }
/* Videolar Kutusu */
#video {
background:#eee; border:1px solid #c6c6c6; padding:10px; text-align:center; }
.videolar {
padding:0; }
.videolar h3 {
display:inline; padding:0 0 0 10px; margin:0; color:#666; font-size:11px; font-weight:bold; }
.video_resim {
width:100px; height:76px; margin:0 3px 5px 3px; float:left; border:1px solid #ccc; padding:1px; }
.videolar a {
text-decoration:none; color:#204888; font-weight:bold; font-size:11px; }
.videolar a:hover {
color:#000; }
.bilgiTur {
padding:3px 0; color:#666; width:100px; }
.bilgi {
padding:3px; }
/* Galeri */
#galeri {
padding:10px 0; text-align:center; border:1px solid #c6c6c6; }
#galeri_aciklama {
font-size:12px; text-align:center; margin-top:10px; }
.galeri_sayfala {
border:1px solid #c6c6c6; padding:7px; margin:10px 0; text-align:center; }
/* Anasayfa Son Haberler */
.basliklar10 {
background:url(../img/bg/orta_baslik.gif) top left repeat-x; color:#666; margin-bottom:10px; }
.basliklar10 h3 {
padding:0; margin:7px 0 5px 10px; color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase; }
.basliklar10 h4 {
display:block; margin:0; font-size:12px; padding:5px 0 8px 0; color:#c00; }
.basliklar10 .alt {
background:#e8edf1; border:1px solid #b1c3d4; border-top:0; padding:5px 10px; }
.basliklar10 .alt a {
font-size:11px; }
.basliklar10 ul {
padding:5px 0; clear:left; margin:0; list-style:none; }
.basliklar10 .baslik {
float:right; color:#c00; text-align:right; font-size:10px; }
.basliklar10 li {
background:url(../img/icon/kutu_baslik.gif) 1px 9px no-repeat; font-size:11px; border-bottom:1px solid #eee; padding:5px 0 5px 14px; }
.basliklar10 a {
color:#204888; text-decoration:none; font-size:11px; }
.basliklar10 a.aOzet {
color:#333; text-decoration:none; font-size:11px; }
.basliklar10 li a {
display:block; color:#204888; }
.basliklar10 li a:hover {
color:#c00; text-decoration:none; }
.basliklar10 a:hover, .basliklar10 a.aOzet:hover {
text-decoration:underline; }
.basliklar10 .haber-resim {
width:100px; height:76px; padding:2px; margin-right:5px; border:1px solid #c4c4c4; }
.basliklar10 .smLink {
font-size:11px; color:#666; }
.basliklar10 .sol {
width:50%; padding:5px 10px; background:#f7f7f7; }
.basliklar10 .sag {
padding-left:10px; }
.smOzet {
font-size:11px; color:#666; margin:10px 0; }
.smOzet a {
text-decoration:none; }
.smOzet a:hover {
text-decoration:underline; }
/* Yazarlar */
.yazar-tablo {
margin:0 0 5px 0; border:1px solid #6c757a; width:160px; }
.yazar-basliklar {
height:38px; background:#6c757a; text-align:center; vertical-align:middle; }
.yazar-basliklar a {
color:#5b5b5b; text-decoration:none; }
.yazar-basliklar a:hover {
text-decoration:underline; }
.yazar-baslik {
color:#fff; font-size:12px; }
.yazar-tarih {
color:#d3d6d7; font-size:10px; }
.yazar-avatar {
width:42px; background-color:#FFFFFF; }
.yazar-ad {
background:#f5f5f5; }
.yazar-ad ul {
list-style:none; margin:0px; padding:5px 0 5px 8px; }
.yazar-ad li {
padding:3px 0 7px 10px; background:url(../img/icon/menu.gif) 1% 8px no-repeat; }
.yazar-ad a {
color:#414141; font-size:11px; text-decoration:none; }
.yazar-ad a:hover {
color:#c00; }
#yazar-onceki {
list-style:none; margin:0px; padding:0; }
#yazar-onceki li {
padding:6px 0 4px 14px; background:url(../img/icon/kutu_baslik.gif) 1px 9px no-repeat; }
#yazar-onceki a {
color:#204888; text-decoration:none; }
#yazar-onceki a:hover {
text-decoration:underline; }
/* Son Dakika Kutusu */
#son-dakika {
background:url(../img/bg/son_dakika.gif) top left repeat-x; padding:0; color:#666; font-size:12px; }
#son-dakika td {
vertical-align:middle; font-size:12px; padding-right:15px; }
#son-dakika a {
font-size:12px; color:#333; font-weight:bold; text-decoration:none; display:block; float:left; padding:6px 15px 7px 15px; }
#son-dakika a:hover {
color:#2255aa; background:#c7d6e3; }
#shaberler a {
font-size:12px; color:#333; font-weight:bold; text-decoration:none; padding:0; }
#son-dakika h3 {
padding:5px; display:inline; font-family:Tahoma; font-size:12px; margin:0; color:#333333; font-weight:bold; }
#son-dakika-ayrinti {
color:#5b5b5b; }
/* Anket */
#anket {
margin:0 0 5px 0; border:1px solid #1a4182; }
#anket h3 {
background:url(../img/bg/bant.gif) 0 -1px repeat-x; margin:0; padding:8px 0 7px 10px; font-size:11px; color:#fff; }
#anket form {
padding:5px; margin:0; }
#anket-sonuc {
padding:0 5px 0 5px; }
#anket p {
margin:10px 0; }
.oy_bg {
width:140px; background:url(../img/bg/oy.gif) repeat-x; height:7px; margin-bottom:3px; }
.yuzde {
font-size:10px; color:#7F7F7F; }
.anket-baslik {
font-weight:bold; }
.oy_bg_2 {
width:200px; background:url(../img/bg/oy.gif) repeat-x; height:7px; margin-bottom:3px; }
.yuzde_2 {
font-size:10px; color:#7F7F7F; }
.anket-baslik-2 {
font-size:12px; font-weight:bold; color:#c00; }
/* Haber Okuma Sayfası */
#haber-bilgi, #haber-bilgi a {
color:#666; }
#haber-bilgi a {
text-decoration:none; }
#haberMetni {
clear:left; font-size:12px; }
#puan_ver {
clear:both; margin:10px 0 10px 0; padding:4px 5px 5px 5px; background:url(../img/bg/oy_ver.jpg) repeat-x; border-left:1px solid #dcdde1; border-right:1px solid #dcdde1; }
#puan_form .input {
width:150px; margin:0; }
.haber-resim {
width:250px; margin:0 10px 5px 0; float:left; border:1px solid #ccc; padding:1px; }
.ozet {
font-size:12px; }
.tarih {
border-top:1px solid #eee; color:#666; border-bottom:1px solid #eee; padding:5px 0; margin:5px 0 5px 10px; }
.tarih a {
color:#666; text-decoration:none; }
.tarih a:hover {
text-decoration:underline; }
.tarih img {
float:left; margin:0 5px 0 0; }
.tarih span {
display:block; float:left; margin:0 10px 0 0; }
.okunma {
color:#999; font-size:11px; text-align:right; margin-bottom:0; }
.navigasyon {
background:url(../img/bg/oy_ver.jpg) repeat-x; margin:0 0 5px 0; padding:8px 5px 8px 10px; border-left:1px solid #dcdde1; border-right:1px solid #dcdde1; }
.navigasyon a {
text-decoration:none; }
/* Yorumlar */
#yorumlar {
margin-bottom:10px; font-size:11px; }
#yorumlar td {
font-size:11px; }
#yorum-yaz label {
display:block; float:left; margin-bottom:5px; margin-top:5px; text-align: right; width: 85px; padding-right: 20px;}
#yorum-yaz input, #yorum-yaz textarea {
display: block; float: left; }
#yorum-yaz br {
clear:left; }
.yorum_baslik {
padding:6px 0; border:1px solid #ccc; background:#f7f7f7; }
.yorum_ad a {
font-weight:bold; text-decoration:none; }
.yorum_ad {
padding:1px 0 0 27px; background:url(../img/icon/yorum.gif) 3% 62% no-repeat; }
.yorum_tarih {
padding:2px 0 0 25px; background:url(../img/icon/tarih.gif) 1% 60% no-repeat; color:#666; }
.yorum_ihbar {
padding:2px 0 0 23px; background:url(../img/icon/ihbar.gif) 1% 60% no-repeat; }
.yorum_ihbar a {
color:#666; text-decoration:none; }
.yorum_ad a:hover, .yorum_ihbar a:hover {
text-decoration:underline; }
.yorum_ozet {
padding:10px 0 10px 10px; margin-bottom:10px; }
.uyari {
padding:10px 0; text-align:center; width:100%; border:1px solid #FF3300; background: #FFCCCC; }
.puan {
color:#999; }
/* Başlıklar */
.son_haber {
padding:10px; border:1px solid #d0d0d0; background:#fff url(../img/bg/manset.gif) 1px 1px no-repeat; color:#666; height:110px; margin-bottom:10px; }
.son-haberler h3 {
font-size:12px; margin:2px; }
.son_haber h3 a {
text-decoration:none; }
.son_haber a.aOzet {
color:#666; font-size:11px; text-decoration:none; }
.son_haber a.aOzet:hover {
text-decoration:underline; }
.son_haber h3, .son_haber h3 a {
padding:0 0 10px 0; font-size:12px; margin:0; color:#cc0000; font-weight:bold; }
.son_haber h3 a:hover {
text-decoration:underline; }
.th-haber-resim {
width:100px; height:76px; margin:0 3px 5px 3px; float:left; border:1px solid #ccc; padding:1px; }
/* Haberler Sayfası */
.basliklar {
padding:6px; border:1px solid #d0d0d0; background:#fff url(../img/bg/kutu.gif) 1px 1px repeat-x; color:#666; height:123px; margin-bottom:4px; }
.basliklar ul {
padding:0; margin:0; list-style:none; }
.basliklar li {
background:url(../img/icon/kutu_baslik.gif) 2px 8px no-repeat; border-bottom:1px solid #e0e0e0; padding:3px 0 3px 10px; }
.basliklar h3, .basliklar h3 a {
padding:0 0 10px 0; margin:0; color:#cc0000; font-size:11px; font-weight:bold; }
.basliklar a {
color:#000; text-decoration:underline; }
.basliklar a:hover {
color:#c00; }
/* Formlar */
.buton {
margin:2px; font-family: Verdana, Helvetica; font-size: 8pt; font-weight: normal; }
.ssel {
border-width:1px; border-color:#E6E9ED; background-color:#f7f7f7; font-family:tahoma; font-size:11px; margin:2px; }
.input, .input2 {
border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background-color:#f7f7f7; font-family:Arial; font-size:12px; }
.input {
width:250px; margin-bottom:5px; margin-top:5px; }
/* Döviz Kurları */
#doviz {
background:url(../img/bg/doviz.gif) top left repeat-x; margin:0 0 10px 0; font-size:11px; padding:4px 10px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; }
#doviz .doviz_ad {
font-weight:bold; color:#2255AA; }
#doviz .doviz_tur {
font-weight:bold; color:#333; }
#doviz .doviz_deger {
color:#c00; }
#secim {
margin:0; padding:0; list-style:none; }
#secim li.haber1, #secim li.haber2 {
padding:5px; }
#secim li.haber1 a, #secim li.haber2 a {
font-size:11px; color:#333; font-weight:bold; text-decoration:none; }
#secim li.haber1 a:hover, #secim li.haber2 a:hover {
text-decoration:underline; }
#secim li.haber1 {
background:#eee; }
#secim li.haber2 {
background:#fff; }
/* Diğer */
.arama-gecerli {
padding: 2px 5px 2px 5px; font-weight:bold; color:#f60; }
a.sayfala, a.sayfala:visited {
padding:2px 4px 2px 4px; text-decoration:none; font-weight:bold; color:#666; }
a.sLink {
font-size:11px; text-decoration:none; }
a.sLink:hover {
text-decoration:underline; }
h3.baslik {
background:url(../img/bg/bant.gif) 0 -1px repeat-x; margin:0; padding:8px 0 8px 10px; font-size:11px; color:#fff; }
p.tur {
font-weight:bold; border-bottom:1px dashed #5D7180; padding:0 0 5px 0; margin:10px 0; }
.cizgi {
border-bottom:1px dashed #ccc; padding:8px 5px 8px 0; }
.scrollable .items div {
width:163px; height:124px; margin:0; padding:0 10px 0 0; position:relative; }
.scrollable .items div .resim {
margin:0; padding:0; }
.scrollable .items div p {
background:url(../img/bg/transparan.png); position:absolute; height:26px; width:143px; bottom:0; left:0; margin:0; padding:8px 10px; }
.scrollable .items div a {
color:#fff; font-size:10px; font-weight:bold; font-family:Verdana, sans-serif; text-decoration:none; line-height:14px; }
.scrollable .items div a:hover {
color:#f90; }