Új hozzászólás Aktív témák

• #3204 biker nagyúr cucka #3202

  Új Válasz 2011-04-20 19:56:10 #3204

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  biker

  nagyúr

  válasz cucka #3202 üzenetére

  Tegyük fel, hogy elhiszem neked, most először tapasztalsz ilyet, bár erősen kell képzeljek, mert tudom, hogy fejlesztesz, de akkor pár minta:

  1: bármilyen böngészőben ez jó:
  #keres {
  position: relative;
  top: 80px;
  left: 20px;
  height: 25px;
  width: 180px;
  }[/M]
  
  
  
  ieben ez kell:
  [M](C)#keres {
  right: 0px;
  position: relative;
  top: 80px;
  left: 0px;
  height: 25px;
  width: 200px;
  }(/C)[/M]
  
  
  2: minden browser:
  [M](C)#headmenu {
  font-size: 13px;
  position: relative;
  top: 100px;
  left: 40px;
  width: 160px;
  height: 50px;
  text-align: left;
  }(/C)[/M]
  
  ie:
  [M](C)#headmenu {
  right: 20px;
  border-width: 0px;
  font-size: 13px;
  position: relative;
  top: 80px;
  left: -20px;
  width: 180px;
  height: 50px;
  text-align: left;
  }(/C)[/M]
  
  3: minden browser:
  [M](C)#side_submenu {
  padding-left: 0px;
  padding-bottom: 5px;
  padding-right: 0px;
  padding-top: 0px;
  margin: 0px;
  width: 225px;
  float: left;
  }
  
  #sidesubmenu_head {
  height: 30px;
  background: url(img/2011img/bg_menu_top.png) no-repeat top;
  padding: 0px;
  margin: 0px;
  width: 225px;
  }
  
  #sidesubmenu_foot {
  height: 30px;
  background: url(img/2011img/bg_menu_bottom.png) no-repeat bottom;
  padding: 0px;
  margin: 0px;
  width: 225px;
  }
  
  #sidesubmenu_body {
  margin: 0px;
  background: url(img/2011img/bg_menu.png) repeat-y;
  padding: 10px;
  width: 205px;
  
  }
  }(/C)[/M]
  
  ie:
  
  [M](C)#side_menu {
  padding-left: 0px;
  padding-bottom: 5px;
  padding-right: 0px;
  padding-top: 0px;
  margin: 0px;
  width: 225px;
  float: left;
  }
  
  #sidemenu_head {
  height: 30px;
  background: url(img/2011img/bg_menu_top.png) no-repeat top;
  padding: 0px;
  margin: 0px;
  width: 225px;
  }
  
  #sidemenu_foot {
  height: 30px;
  background: url(img/2011img/bg_menu_bottom.png) no-repeat bottom;
  padding: 0px;
  margin: 0px;
  width: 225px;
  }
  
  #sidemenu_body {
  background: url(img/2011img/bg_menu.png) repeat-y;
  padding: 10px;
  margin: 0px;
  width: 225px;(/C)[/M]
  
  
  és még sorolhatnám, nem onnan értelmezi a pozíciókat, a margókat, a paddingokat, mint bármi más, értsd chrome, FF3, FF4, Opera, Safari, bármely oprendszeres verziói, csak ie alatt esett szét az oldal, de keményen, dupla margók, rövid hátterek, stb.
  ami meg ie konform, az minden más böngészőben esik szét.
  
  de mi az, amit abszolút nem ismer:
  [M](C)#sidemenu_body ul li {
  font-size: 14px;
  list-style-position: inside;
  color: white;
  border-top-color: navy;
  border-top-style: dotted;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-bottom-color: navy;
  border-bottom-style: dotted;
  padding: 5px;
  text-align: left;
  left: 10px;
  list-style-image: url(img/2011img/white_arrow.png);
  }
  
  #sidemenu_body ul li:hover {
  font-size: 14px;
  border-top-color: #ff8000;
  list-style-position: inside;
  color: #ff6100;
  border-top-style: dotted;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-bottom-color: #ff8000;
  border-bottom-style: dotted;
  padding: 5px;
  text-align: left;
  left: 10px;
  }(/C)[/M]
  
  az összes tesztelt browseren átmegy az li:hover vagyis teljes li sorra más színű keret a lista elemre, bezzeg ie alatt ez ismeretlen fogalom.

Új hozzászólás Aktív témák