• 01-09-2010, 13:20:37
    #1

    iede sorun yok ama firefoxda bölyle olu r yor birşeyler yaptım ama olmadı
    Css kodu:
    .secili
    {
    background-color:#C0C0C0;
    color:white;
    
    }
    
    .oneriler
    {
    height: auto;
    width: 245px;
    overflow: auto;
    display:none;
    border: 1px solid #666;
    padding: 8px;
    background-color:#00FFFF ;
    }
  • 01-09-2010, 15:29:45
    #2
    buyur dostum ben bu yöntemi kullanıyorum en kısa şekilde hallediyorum işlerimi..

    
    <!-----------------  BU CSS BROSWER SECICI ----------------------------->
    
    	<script type="text/javascript" charset="utf-8"> 
    	
    		function css_browser_selector(u){var ua = u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1;},g='gecko',w='webkit',s='safari',o='opera',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?'mobile':is('iphone')?'iphone':is('ipod')?'ipod':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win':is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);
    		</script> 
    	
    
    <!-----------------  BU CSS BROSWER SECICI ----------------------------->

    üstteki kod browser seçiçi. istersen broswerın versiyonuna kadar belirleyebilirsin.. bunu head ın içine ekle sonrada..

    css kısmına istediğin ( bozuk olan ) css değişkeninin başına .gecko # yada .değişken adı şekilde yazıp istediğin değişikliği yapabilirsin..

    buyur burdanda her tarayıcının kodunu ve kullanılış şekilini örneklerinifalan görebilirsin..

    http://rafael.adm.br/css_browser_selector/



    ayrıca verdiğin bilgilere göz attım sorun ile verdiğin kadar alakalı değil.. bilgiler mavi alanın içi ile ilgili.. ( yanlış anlamadıysam sorun liste halindeki mavi alanı alt tarafa getirmek )


    benim kullandığım yöntem bu tarayıcılar arasındaki bozuklulukları gidermek için..
    Kolay gelsin..
  • 01-09-2010, 16:23:02
    #3
    kereky adlı üyeden alıntı: mesajı görüntüle
    buyur dostum ben bu yöntemi kullanıyorum en kısa şekilde hallediyorum işlerimi..

    
    <!-----------------  BU CSS BROSWER SECICI ----------------------------->
    
    	<script type="text/javascript" charset="utf-8"> 
    	
    		function css_browser_selector(u){var ua = u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1;},g='gecko',w='webkit',s='safari',o='opera',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?'mobile':is('iphone')?'iphone':is('ipod')?'ipod':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win':is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);
    		</script> 
    	
    
    <!-----------------  BU CSS BROSWER SECICI ----------------------------->

    üstteki kod browser seçiçi. istersen broswerın versiyonuna kadar belirleyebilirsin.. bunu head ın içine ekle sonrada..

    css kısmına istediğin ( bozuk olan ) css değişkeninin başına .gecko # yada .değişken adı şekilde yazıp istediğin değişikliği yapabilirsin..

    buyur burdanda her tarayıcının kodunu ve kullanılış şekilini örneklerinifalan görebilirsin..

    http://rafael.adm.br/css_browser_selector/



    ayrıca verdiğin bilgilere göz attım sorun ile verdiğin kadar alakalı değil.. bilgiler mavi alanın içi ile ilgili.. ( yanlış anlamadıysam sorun liste halindeki mavi alanı alt tarafa getirmek )


    benim kullandığım yöntem bu tarayıcılar arasındaki bozuklulukları gidermek için..
    Kolay gelsin..
    css ile yapıyorum olmuyor
  • 01-09-2010, 16:59:59
    #4
    verdiğiniz bilgi pek yeterli değil.. bozuk alan ile ilgili kodları ve cssleri yazarsanız daha kolay yardımcı olabilirim..
  • 01-09-2010, 17:20:58
    #5
     <div class="header-search">
            	<form id="arama_form"  action="" method="get" >
                	<input autocomplete="off" type="test" type="text" class="fText" value="Aramak istediğiniz video?" name="arama" id="arama" onfocus="if(this.value=='Aramak istediğiniz video?')this.value='';this.select();" onblur="if(this.value=='')this.value='Aramak istediğiniz video?';" />
                   <button value="submit" type="submit" text="button"class="fSubmit" ></button>
                    <div id="oneriler" class="oneriler" >
    		</div>
                </form>
            </div><!--[if !IE]>headerSearch<![endif]-->
    .header-search                  {   width:424px; height:38px; background:url(../images/searchBg.png) no-repeat; float:right; margin:30px 0 0; padding:4px 0 0 40px; }
    .fText                          {   height:33px; background:transparent; border:none; width:343px; float:left; font-weight:bold; color:#0CF; font-size:16px; }
    * html .fText                   {   padding:9px 0 0; }
    *+html .fText                   {   padding:9px 0 0; }
    .fSubmit                        {   float:left; width:77px; height:33px; border:none; background:url(../images/searchButton.png) no-repeat; cursor:pointer; }
    .secili
    {
    background-color:#C0C0C0;
    color:white;
    
    }
    
    .oneriler
    {
    height: auto;
    width: 245px;
    overflow: auto;
    display:none;
    border: 1px solid #666;
    padding: 8px;
    margin-right:30px;
    background-color:#00FFFF ;
    }
  • 01-09-2010, 17:42:01
    #6
    <div class="header-search">
            	<form id="arama_form"  action="" method="get" >
                	<input autocomplete="off" type="test" type="text" class="fText" value="Aramak istediğiniz video?" name="arama" id="arama" onfocus="if(this.value=='Aramak istediğiniz video?')this.value='';this.select();" onblur="if(this.value=='')this.value='Aramak istediğiniz video?';" />
                   <button value="submit" type="submit" text="button"class="fSubmit" ></button>
                    <div id="oneriler" class="oneriler" >
    		</div>
    <div style=" clear: both;"> </div>
    
                </form>
            </div>
    <!--[if !IE]>headerSearch<![endif]-->


    Olmassa 2. sinde bunu dene..


    <div class="header-search">
            	<form id="arama_form"  action="" method="get" >
                	<input autocomplete="off" type="test" type="text" class="fText" value="Aramak istediğiniz video?" name="arama" id="arama" onfocus="if(this.value=='Aramak istediğiniz video?')this.value='';this.select();" onblur="if(this.value=='')this.value='Aramak istediğiniz video?';" />
                   <button value="submit" type="submit" text="button"class="fSubmit" ></button>
                    
                </form>
    
    <div id="oneriler" class="oneriler" >
    		</div>
    <div style=" clear: both;"> </div>
    
            </div>
    <!--[if !IE]>headerSearch<![endif]-->


    Oda olmassa artık yuh derim ama olmassa sen yinede şunu dene..




    <div class="header-search">
            	<form id="arama_form"  action="" method="get" >
                	<input autocomplete="off" type="test" type="text" class="fText" value="Aramak istediğiniz video?" name="arama" id="arama" onfocus="if(this.value=='Aramak istediğiniz video?')this.value='';this.select();" onblur="if(this.value=='')this.value='Aramak istediğiniz video?';" />
                   <button value="submit" type="submit" text="button"class="fSubmit" ></button>
                    
                </form>
    
            </div>
    
    <div id="oneriler" class="oneriler" >
    		</div>
    <div style=" clear: both;"> </div>
    
    <!--[if !IE]>headerSearch<![endif]-->




    birde arkadasım float kullandıktan sonra clear:both kullanmayı unutma boşuna başın ağrır float kullanmışsın sorun ondan kaynaklanıyor büyük ihtimal.. ilk verdiğimi yaptığında sorun halllmus olur. diğer 2 tanesi alternatif olarak yazdım.. sorunun hallorsa ne mutlu bana
  • 01-09-2010, 19:36:59
    #7
    kereky adlı üyeden alıntı: mesajı görüntüle
    <div class="header-search">
            	<form id="arama_form"  action="" method="get" >
                	<input autocomplete="off" type="test" type="text" class="fText" value="Aramak istediğiniz video?" name="arama" id="arama" onfocus="if(this.value=='Aramak istediğiniz video?')this.value='';this.select();" onblur="if(this.value=='')this.value='Aramak istediğiniz video?';" />
                   <button value="submit" type="submit" text="button"class="fSubmit" ></button>
                    <div id="oneriler" class="oneriler" >
    		</div>
    <div style=" clear: both;"> </div>
    
                </form>
            </div>
    <!--[if !IE]>headerSearch<![endif]-->


    Olmassa 2. sinde bunu dene..


    <div class="header-search">
            	<form id="arama_form"  action="" method="get" >
                	<input autocomplete="off" type="test" type="text" class="fText" value="Aramak istediğiniz video?" name="arama" id="arama" onfocus="if(this.value=='Aramak istediğiniz video?')this.value='';this.select();" onblur="if(this.value=='')this.value='Aramak istediğiniz video?';" />
                   <button value="submit" type="submit" text="button"class="fSubmit" ></button>
                    
                </form>
    
    <div id="oneriler" class="oneriler" >
    		</div>
    <div style=" clear: both;"> </div>
    
            </div>
    <!--[if !IE]>headerSearch<![endif]-->


    Oda olmassa artık yuh derim ama olmassa sen yinede şunu dene..




    <div class="header-search">
            	<form id="arama_form"  action="" method="get" >
                	<input autocomplete="off" type="test" type="text" class="fText" value="Aramak istediğiniz video?" name="arama" id="arama" onfocus="if(this.value=='Aramak istediğiniz video?')this.value='';this.select();" onblur="if(this.value=='')this.value='Aramak istediğiniz video?';" />
                   <button value="submit" type="submit" text="button"class="fSubmit" ></button>
                    
                </form>
    
            </div>
    
    <div id="oneriler" class="oneriler" >
    		</div>
    <div style=" clear: both;"> </div>
    
    <!--[if !IE]>headerSearch<![endif]-->




    birde arkadasım float kullandıktan sonra clear:both kullanmayı unutma boşuna başın ağrır float kullanmışsın sorun ondan kaynaklanıyor büyük ihtimal.. ilk verdiğimi yaptığında sorun halllmus olur. diğer 2 tanesi alternatif olarak yazdım.. sorunun hallorsa ne mutlu bana
    sagolun hocam oldu