Wsparcie dla strony wyświetlanej w starszych przeglądarkach

Question

Witam

Kiedy stronę wyświetliłem na drugim komputerze na starszej wersji Mozilli Firefox to menu mi nie poprawnie się wyświetlało a jak zaktualizowałem przeglądarkę to błąd automatycznie zniknął i wniosek z tego jest taki że problem jest w tym że strona jest wyświetlana poprawnie na najnowszej wersji Mozilli Firefox a z czym to się wiąże nowsza wersja css bądź html , czy można do strony podpiąć kod który by na tych starszych przeglądarkach stanowił wsparcie dla strony i wtedy by strona mogła się normalnie wyświetlić bez tejże aktualizacji przeglądarki , bardzo mi na tym zależy

Answer 1

Wklej kod tego menu + css to zobaczymy co da się zrobić.

Comments

oto kod w css , wiem dziwne znaczniki ale nie ma to na pewno wspólnego z niepoprawnym wyświetlaniem strony na starszych przeglądarkach Mozilli Firefox

.meno of ob { 

  display:block;

margin-left:10px;
	 display: block;
      width: 63%;
    height:100%;
padding:17%;
    border-radius: 78px;
  border-radius: 10000px;
  box-shadow: inset 0 0 0 3px #fff;
font-family: Calibri, sans-serif;
	text-decoration: none;
	color: #ccc;

	font-weight: bold;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .5);

	/* Transitions & effects */
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	
text-decoration: none; font-family: "Calibri" letter-spacing: 39px; color: rgba(0, 0, 0, .7);
	color: #fff;
	text-shadow:  0px 0px 2px;


}

i kod w html

<of><a href="indexstr2.html" target="_parent"><p style="font-family: Calibri; "><ob class="active"><big><big><i class="icon-wrench"></i></big></big>/ob></p></a></of>

a i wszystko jest wpierane js , to sprawia że ikony wraz z zwiększeniem szerokości okna się zwiększają

onresize=onload=function(){document.body.style.fontSize=window.innerWidth+"px"}

a czcionka na stronie jest określona %

 

---

co to są te <of> <ob>?

---

ponieważ menu korzysta z nietypowego rozwiązania czyli

/* pierwszy element - li */
.meno > of:first-child {
  width:10.12%;
}

/* drugi element - on */
.meno > of:first-child + of {
  width:11.12%;
}

/* trzeci element - li */
.meno > of:first-child + of + of  {
  width:11.12%;
}
.meno > of:first-child + of + of + of {
  width:11.12%;
}
.meno > of:first-child + of + of + of + of {
  width:11.12%;
}
.meno > of:first-child + of + of + of + of + of {
  width:11.12%;
}
.meno > of:first-child + of + of + of + of + of + of {
  width:11.12%;
}
.meno > of:first-child + of + of + of + of + of + of + of {
  width:11.12%;
}
.meno > of:first-child + of + of + of + of + of + of + of + of {
  width:11.12%;
}

a ob ponieważ menu ma "pudełka" dzięki czemu w pełni mogę manipulować położeniem ikony

---

Wystarczy spojrzeć i już widać, że trzeba to napisać porządnie. Wtedy problemy z dostępnością w starszych przeglądarkach znikną.