firefox ta background sorunu

HTML & CSS ile ilgili sorularınızı lütfen dreamweaver yerine buraya yazınız

firefox ta background sorunu

Mesajgönderen foxy » Cum Ağu 31, 2007 0:50

merhaba arkadaslar

top
top2
left
middle
right
footer

dizilimli div lerden olusan
3 kolonlu layout orneklerine benzeyen bir calismam var her sey normal calisiyor

ve

asagidaki gibi bir CSS kodum var bu ayarlamalar ile IE calismasinda bir sorun yok ancak firefox ta calistirdigimda left ve right ornegin middle div icerigine gore daha az billgi icerdigi ici arka planida gosteriyor , middle div in uzunlugu degisken olabilecegine gore
bu ucune ( left middle right) sabit yukseklik vermek istemiyorum

ne yapmaliyim ? ayrica Firefox ve IE de sorun cikarabilecek CSS kodum varsa belirtirmisiniz ayrica gereken duzeltme varsa ?

tesekkurler

Kod: Tümünü seç
#html,body {
   padding:0; /*remove padding */
   margin-left: 0px; /*content bosluklarini aldik*/
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   border:0; /* remove borders */
   background:#f2f2f2; /*color background - only works in IE */
   font-size:76%; /*set default font size */
   font-family:trebuchet ms,Georgia,tahoma,Verdana, Arial, Helvetica, sans-serif;
   /* hide overflow:hidden from IE5/Mac */
   /* \*/
   overflow:auto; /*get rid of scroll bars in IE */
   /* */
/*   background-image:url(images/ladyfixed.jpg);
   background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-color: White;  /*change color to suit*/
/*   color : #000;  /*change color to suit*/
   }


#main_content {
background-color: White;  /*change color to suit*/
margin:auto; /*0*/
width:800px;
height:100%;
border:solid 2px  #ccc;
}

#top {
float:left;
background-color:#efefef;
width:800px;
height:125px;
background-image:url(images/soykansoft_top_image2.jpg);
}

#top2{
float:left;
background-color:#efefef;
width:800px;
height:25px;
padding-top:3px;
padding-bottom:3px;
}

#left {
float:left;
background-color:#ffffff;
width:200px;
height:auto;
}

#middle {
float:left;
background-color:#ffffff;
width:400px;
height:auto;
}

#right {
float:left;
background-color:#ffffff;
width:200px;
height:auto;
}

#footer {
float:left;
background-color:#99CCCC;
width:800px;
height:35px;
text-align:center;
border-top:solid 1px #ccc;
clear: both;
}

/* link renklendirmeleri */
a:link { text-decoration:none; color : #006699; }
a:active,a:visited { color : #006699; }
a:hover   { text-decoration:underline; color : #fd1b04; }

/* scrolbar renklendirme  sadece IE de calisir */
html, body{
   scrollbar-face-color: #DEE3E7;
   scrollbar-highlight-color: #FFFFFF;
   scrollbar-shadow-color: #DEE3E7;
   scrollbar-3dlight-color: #D1D7DC;
   scrollbar-arrow-color:  #006699;
   scrollbar-track-color: #EFEFEF;
   scrollbar-darkshadow-color: #98AAB1;
}
foxy
 
Mesajlar: 13
Kayıt: Prş Şub 08, 2007 16:54

Mesajgönderen foxy » Pzr Eyl 02, 2007 21:41

kendi sorumun cevabını kendim buldum sizinlede paylasayim,



Kod: Tümünü seç
#html,body {
   padding:0; margin: 0;
   background:#f2f2f2 url(images/testbg.gif); /*color background - only works in IE */
   font-size:76%; /*set default font size */
   font-family:trebuchet ms,Georgia,tahoma,Verdana, Arial, Helvetica, sans-serif;
   }
   
/* link renklendirmeleri */
a:link { text-decoration:none; color : #006699; }
a:active,a:visited { color : #006699; }
a:hover   { text-decoration:underline; color : #fd1b04; }

#main_content {
background-color:#ffffff;  /*change color to suit*/
margin:auto; /*0*/
width:800px;
border:solid 2px  #ccc;
}

#header{
/* daha tanımlamadık bişey */
}
   #top {
   width:800px;
   height:125px;
   background-image:url(images/soykansoft_top_image2.jpg);
   }

   #top2{
   background-color:#efefef;
   width:800px;
   height:25px;
   padding:3px 0 3px 0;
   }

#innercontent{
background:#fff;
}
   #left {
   width:190px;
   float:left;
   padding:5px;
   }
   #middle {
   width:388px;
   float:left;
   border-left:1px dashed #ccc;
   border-right:1px dashed #ccc;
   padding:5px;
   }
   #right {
   width:190px;
   float:left;
   padding:5px;
   }

#footer {
background:#99CCCC url(images/test2.gif);
width:800px;
text-align:center;
border-top:1px dashed #ccc;
clear: both; /* onceki divlerin float left ozelligini kaldirir*/
}
foxy
 
Mesajlar: 13
Kayıt: Prş Şub 08, 2007 16:54

Mesajgönderen Abus » Prş Eyl 13, 2007 14:39

foxy peki sorununu çözmene yardımcı olan değişikliği bulmak için 2 koduda analiz mi etmeliyiz.

Şundan dolayı olmuyormuş şunu değiştirdim oldu dersen çok daha güzel olmaz mı?

:roll:
Abus
 
Mesajlar: 32
Kayıt: Cum Ara 30, 2005 16:20

Mesajgönderen fuducuk » Pzt Ara 01, 2008 3:39

Abus yazdı:foxy peki sorununu çözmene yardımcı olan değişikliği bulmak için 2 koduda analiz mi etmeliyiz.

Şundan dolayı olmuyormuş şunu değiştirdim oldu dersen çok daha güzel olmaz mı?

:roll:


:D
fuducuk
 
Mesajlar: 7
Kayıt: Sal Ara 18, 2007 17:49
Konum: Bursa


Dön HTML & CSS

Kimler çevrimiçi

Bu forumu gezen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 0 misafir

cron