Pomoc oko top bara

Vec neko vreme se mucim da postavim top bar na sajt i moj problem je u tome sto na chrome radi odlicno ali na mozili kao da ne ucitava CSS skroz se deformise…

ovo je kod koji koristim:

CSS:

/* Верхняя панель для пользователей v.1.0 
============================================================================*/ 
#top_bar { 
  position:center; 
  z-index:997; 
  top:0;
  min-width:100%; 
  height:35px; 
  background: #111; 
  border-top: 1px solid #000; 
  box-shadow: 0px 0px 5px #111; 
} 

#top_bar_os { 
  padding:0px; 
  width:1024px; 
  height:35px; 
  margin: 0px auto; 
} 

#top_bar_os a{ 
  text-decoration:none; 
} 

.td_l { 
  float:left; 
  padding:5px 10px 0px 10px; 
  height:30px; 
  background:url(http://www.center-dm.ru/ucoz/user_bar/v1/li_linia.gif) no-repeat right; 
}  

.td_p { 
  float:right; 
  height:35px; 
  padding: 0px 0px 0px 0px;
  background:url(http://www.center-dm.ru/ucoz/user_bar/v1/li_linia.gif) no-repeat right; 
}  

/* Форма поиска синяя кнопка
------------------------------------------*/ 
.poick_os1 input { 
  font:11px Verdana,Arial,Helvetica,sans-serif!important;
  margin:0px!important;
  vertical-align:middle!important;
} 

.poick_pole1 { 
  color:#a7a7a7!important; text-shadow: 1px 1px 1px #252525!important;
  padding:4px 4px!important;
  width:300px!important;
  height:15px!important;
  background:#484848!important;
  border: 1px solid #252525!important;
} 
 
.poick_pole1:focus { 
  background:#545454!important;
}
 
.poick_knopka1 { 
  color:#bfbfbf!important; text-shadow: 1px 1px 1px #460953!important;
  padding: 0px 10px!important;
  height:25px!important;
  background: #1d367d!important;
  border-radius: 4px; solid #0c123b!important;
  cursor:pointer!important;
} 
 
.poick_knopka1:hover { 
  background:#3b3b97!important;
}  

/* Выпадающее меню 
------------------------------------------*/ 
.menu_p { 
  display:block; 
  position:relative;
} 

.menu_p .drop { 
  float:left; 
  color:#2784b4; 
  text-shadow:1px 1px 1px #000;font-weight: 700;
  padding: 10px 17px 0px 10px;
  margin-right: 10px;
  background:url(http://www.center-dm.ru/ucoz/user_bar/v1/drop1.png) no-repeat right 15px; 
} 

.menu_p:hover .drop{ 
  background:url(http://www.center-dm.ru/ucoz/user_bar/v1/drop2.png) no-repeat right 15px; 
  color:2784b4;
}  

.dd_ugol1, 
.dd_menu { 
  width:240px; 
}  

.dd_ugol2, 
.dd_menu_p { 
  width:300px; 
}  

.dd_menu,
.dd_menu_p { 
  float:left; 
  position:absolute; 
  margin:0px auto; 
  background:#2784b4; 
  padding:5px; 
  left:-999em; 
  z-index:998; 
  border:1px solid #111;
  -moz-border-radius:5px 5px 5px; 
  -webkit-border-radius:5px 5px 5px; 
  border-radius:5px 5px 5px; 
  box-shadow: 0px 0px 5px #111; 
}
 
.menu_p:hover .dd_menu, 
.menu_p:hover .dd_menu_p{ 
  top:40px;
  left:auto; 
  right:0px;
} 

.dd_ugol1,
.dd_ugol2 {
  height:25px; 
  float:left; 
  position:absolute;
  top: -25px; 
  right: 25px; 
  background:url(fon_ugol_1.png) no-repeat; 
  background-position: right bottom;
} 

.dd_ugol1 {right:2px!important;} 
.dd_menu_os {width:218px;} 
.mini_profil {width:278px;} 

.dd_menu_os, 
.mini_profil {
  overflow:hidden; 
  background:#eee; 
  border: 1px solid #353535;
  margin:0; 
  padding:10px; 
} 

/* Вертикальное меню 
------------------------------------------*/ 
.menu_top {
  margin:0; 
  padding:0; 
  list-style:none;
  overflow:hidden; 
  width:238px; 
  background:#eee; 
  border: 1px solid #353535;
} 

.menu_top li a:link, 
.menu_top li a:visited { 
  display:block; 
  text-align:left;
  color:#555; 
  width:100%; 
  padding:4px 10px; 
  border-bottom: 1px solid #d0d0d0; 
  border-top: 1px solid #fff;
} 

.menu_top li a:hover { 
  background:#fff; 
}  

/* Мини профиль 
------------------------------------------*/ 
.mini_avatar { 
  width:42px; 
  height:35px; 
} 

.mp_avatar { 
  float:right;
  margin: 0px 0px 0px 0px;
  width:50px; 
  height:50px; 
  border: 3px solid #666; 
} 

.mp_info { 
 float:left; 
 margin:0; 
 padding:5px; 
 width:200px; 
 list-style:none; 
} 

.mp_info a:link, 
.mp_info a:visited{color:#2784b4; font-weight: bold;} 
.mp_info a:hover {color:#66B427;} 

.mp_info li { 
 font: 10px Verdana,Arial,Helvetica, sans-serif; 
 padding: 2px 0px; 
 border-top: 1px solid #fff; 
 border-bottom: 1px solid #B7B7B7; 
} 

.border_v {border-top:none!important;} 
.border_n {border-bottom:none!important;} 
.bold {color: #cccccc; font-weight:bold;} 



/* Кнопки 
------------------------------------------*/ 
.knopka_vxod:link, 
.knopka_vxod:visited, 
.knopka_reg:link, 
.knopka_reg:visited { 
  float:left; 
  font-weight: bold; 
  color:#66B427; 
  text-shadow: 1px 1px 1px #000; 
  padding: 10px 10px 0px 10px;
} 

.knopka_vxod:hover,
.knopka_reg:hover {color:#2784b4;} 

.knopka_pochta:link, 
.knopka_pochta:visited{ 
  float:left; 
  font-weight: bold; 
  color:#2784b4; 
  text-shadow: 1px 1px 1px #000; 
  padding: 10px 10px 0px 10px;
} 
.knopka_pochta:hover {color:#66B427;} 

.knopka_vixod:link, 
.knopka_vixod:visited{ 
  float:right;
  font: 9px Verdana,Arial,Helvetica, sans-serif; 
  color:#F1EDED; text-shadow: 1px 1px 1px #000; 
  background:#353535; 
  padding: 2px 7px 3px 7px;
  margin: 5px 4px 0px 0px;
} 
.knopka_vixod:hover {background:#444;}

Ovo je HTML deo koda:

<!-- Начало тегов Верхняя панель для пользователей --> 
<div id="top_bar"> 
 <div id="top_bar_os"> 
 <div class="td_l"> 
 <a href="$HOME_PAGE_LINK$"><img alt="home" title="Pocetna" src="http://www.vojvodinanet.com/razno/logo.png"></a> 
 </div> 
 
 <div class="td_l"> 
 <form class="poick_os1" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" > 
 <input class="poick_pole1"type="text" name="q" maxlength="45" value="Upisi pojam za pretragu..." onclick="if (this.value=='Pretraga...'){this.value='';}"/> 
 <input class="poick_knopka1" type="submit" value="Trazi" /> 
 <input type="hidden" name="t" value="0" /> 
 </form> 
 </div> 
 
 <div class="menu_p td_p">
<a href="#" class="drop">Davor</a>
<div class="dd_menu">

<ul class="menu_top">
<li>
 <a href="http://www.vojvodinanet.com/index/8" target="_blank">
 <img src="http://www.vojvodinanet.com/razno/profil.png" border="0" align="left"/>
Moj Profil
</a>
</li>
 
<li>
 <script type="text/javascript">
 function pravilnik(){
 new _uWnd('pravilnik',unescape('Pravilnik'),450,300,{modal:0,close:1,max:0,resize:0,nomove:1,shadow:0,header:1,autosize:1,closeonesc:1,hideonmove:0},unescape('%3Cdiv%20align%3D%22center%22%3E%3Cbr%20/%3E1%29%20Zabranjeno%20je%20vre%u0111anje%20i%20uznemiravanje%20korisnika%21%3Cbr%20/%3E2%29%20Zabranjeno%20je%20pokretanje%20navija%u010Dke%2C%20verske%20i%20nacionalne%20teme%21%3Cbr%20/%3E3%29%20Zabranjeno%20je%20nekulturno%20izra%u017Eavanje%20%28psovanje%20i%20sl.%29%21%3Cbr%20/%3E4%29%20Zabranjeno%20je%20tra%u017Eenje%20funkcija%20od%20Administracije%20sajta%21%3Cbr%20/%3E5%29%20Zabranjeno%20je%20ulaziti%20u%20bilo%20kakvu%20raspravu%20sa%20Administracijom%20sajta%21%3Cbr%20/%3E6%29%20Zabranjeno%20je%20ostavljati%20linkove%21%3Cbr%20/%3E%3Cbr%20/%3E*%3Cfont%20color%3D%22%23ff6347%22%3EUkoliko%20ne%20budete%20po%u0161tovali%20pravila%20bi%u0107ete%20ka%u017Enjeni%20ukorom%20na%20odre%u0111eni%20period%2C%20%3Cbr%20/%3Eili%2C%20u%20najgorem%20slu%u010Daju%2C%20blokiranjem%20va%u0161e%20ip%20adrese%21%3C/font%3E%3Cbr%20/%3E%3Cbr%20/%3E*Pitanja%2C%20sugestije%20i%20%u017Ealbe%20pi%u0161ite%20na%20email%3A%20vojvodinanet86@gmail.com%20%3C/div%3E'));
 }
 </script>
<a title="PRAVILNIK" href="javascript:pravilnik();">
 <img src="http://download-baza.ucoz.com/slike/pravilnik.png" border="0" align="left"/>
Pravilnik Sajta
</a>
</li>

<li>
<a href="http://www.vojvodinanet.com/index/novi_komentari/0-6">
<img src="http://www.vojvodinanet.com/profil/downloads.png" border="0" align="left"/>
Novi Komentari
</a>
</li>
<li>
<a href="http://www.vojvodinanet.com/forum/0-0-1-34">
<img src="http://www.vojvodinanet.com/profil/postovi.png" border="0" align="left"/>
Novi Postovi
</a>
</li>

</ul>

<ul class="menu_top">

 
<li>
<a href="http://www.vojvodinanet.com/forum/46-1557-1" target="_blank">
<img src="http://www.vojvodinanet.com/profil/potpis.png" border="0" align="left"/>
Informacije o izlascima serija
</a>
</li>

<li>
<a href="http://www.vojvodinanet.com/forum/2-536-1" target="_blank">
<img src="http://www.vojvodinanet.com/razno/play.png" border="0" align="left"/>
Pomoc oko filmova
</a>
</li>
 
</ul>
 
<ul class="menu_top li" target="_blank">
<li>
<a href="http://u.to/">
<img src="http://www.vojvodinanet.com/razno/skrati_link.png" border="0" align="left"/>
Skrati link
</a>
</li>
 <li>
<a href="http://www.facebook.com/pages/Vojvodina-Net/203996186300933">
<img src="http://www.vojvodinanet.com/razno/facebook-icon11.png" border="0" align="left" width="16px" height="16px"/>
V-Net na Facebook-u
</a>
</li>
 <li>
<a href="http://www.youtube.com/user/VojvodinaNet1">
<img src="http://www.vojvodinanet.com/razno/yt.png" border="0" align="left" width="16px" height="16px"/>
V-Net YouTube kanal
</a>
</li>
</ul>

<ul class="menu_top">

<li>
<a href="$_CHANGE_DETAILS_URL$">
<img src="http://www.vojvodinanet.com/razno/izmjeni.png" border="0" align="left"/>
Izmjeni profil
</a>
</li>
<li>
<a href="/index/10">
<img src="http://www.vojvodinanet.com/razno/odjava.png" border="0" align="left"/>
Odjavi se
</a>
</li>
</ul>
</div>
</div>

<?if($USER_LOGGED_IN$)?> 
 <div class="menu_p td_p"> 
 <a href="#"><img class="mini_avatar" alt="аватар" title="Dobrodošli $USERNAME$" src="http://www.vojvodinanet.com/razno/no_avatar.gif"></a> 
 <div class="dd_menu_p"> 
 <span class="dd_ugol1"></span> 
 <div class="mini_profil"> 

<a title="Moj profil" href="$PERSONAL_PAGE_LINK$"> 
<?if($USERNAME$)?>
<a class="linkavatar" href="$PERSONAL_PAGE_LINK$"><?if($USER_AVATAR_URL$)?> <img class="mini_avatar" src="$USER_AVATAR_URL$" /><?else?><img src="http://download-baza.ucoz.com/slike/bez_avatara.jpg" class="mini_avatar" alt="" /><?endif?></a>
<?else?>
</div>
<img src="http://download-baza.ucoz.com/slike/bez_avatara.jpg" class="mini_avatar" alt="" />
<?endif?>
</a> 
 
 <ul class="mp_info"> 
 <li class="border_v"><span class="bold">$USERNAME$</span></li> 
 <li>Tvoja IP adresa: <span class="bold">$IP_ADDRESS$</span></li> 
 <li>Ti si u grupi: <span class="bold">$USER_GROUP$</span></li> 
 <li>Ti si ovde: <span class="bold">$USER_REG_DAYS$ dana</span></li> 
 <li>Ti koristis: <span class="bold">$USER_AGENT$ Pretraživač</span></li> 
 </ul> 
 </div> 
 </div> 
 </div> 

 <div class="td_p"> 
 <a href="$PM_URL$" title="poruke" class="knopka_pochta">Poruke ($UNREAD_PM$)</a> 
 </div> 

<?else?> 

 <div class="td_p"> 
 <a href="$REGISTER_LINK$" title="Registracija" class="knopka_reg"><!--<s3089>-->Registracija<!--</s>--></a> 
 </div> 
 
 <div class="td_p"> 
 <a href="$LOGIN_LINK$" title="prijava" class="knopka_vxod"><!--<s3087>-->Prijavi se<!--</s>--></a> 
 </div> 

<?endif?> 
 
 </div> 
</div> 
<!-- /Конец тегов Верхняя панель для пользователей -->
<?endif?>

ne mogu da vam pokazem kako izgleda uzivo jer ako ga postavim na sajt svi koji ne koriste chrome ce imati problem sa izoblicenim izgledom mogu jedino da vama omogucim kao pojedincu da vidite…

nadam se da imate neke predloge ili resenje… :slight_smile:

reseno, moze lock :slight_smile:


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja