Nie miałem problemu z moim górnym menu aż do ostatniej aktualizacji Google Chrome

Teraz od czasu aktualizacji ostatnia pozycja (tylko ostatnia) w górnym menu przechodzi do następnej linii.

Jakieś pomysły, dlaczego tak jest?

Oto kod:

    /* TopMenu 
    ---------------*/
    #topmenu {
      float:right;
      margin:6px 15px 0}

  #topmenu ul.menu { 

margin:0;
padding:0;}
#topmenu ul.menu li {

  display:inline;
  float:left;
  padding:0 1.1em 0 0;
  border-right:1px dotted #555;
  margin:0 0 0 1.1em;
  text-shadow: 1px 1px 1px #FFFFFF;
  list-style-type:none;}
  #topmenu ul.menu li a {
    border-bottom:1px dotted rgba(0,0,0,0);
    color: #3F5868;
      padding-bottom: 2px;}
    #topmenu ul.menu li.active a,
    #topmenu ul.menu li a:hover {
      color:#000;
      border-bottom-color:rgba(0,0,0,0);
      text-decoration:none;}

  #topmenu ul.menu li a img {
    float:left;
    margin:0px 8px -4px 0}

  #topmenu ul.menu li:last-child {
    border:none;
    padding-right:0;}
2
Stephen O'connor 27 wrzesień 2012, 23:53

2 odpowiedzi

Najlepsza odpowiedź

Zauważyłem problem na stronie w Chrome, ale wygląda na to, że sam aktywnie próbujesz rozwiązać problem, co utrudnia mi sprawdzenie, co się dzieje z menu. Jeśli nie przewidujesz zmiany zawartości menu, możesz łatwo rozwiązać ten problem, nadając #topmenu szerokość około 300 pikseli. W przeciwnym razie zakładam, że jest to problem z wypełnieniem.

1
boggsey 28 wrzesień 2012, 01:02

Używam najnowszej wersji przeglądarki Chrome, a ostatni element w #topmenu nav na www.housemarket.ie jest zgodny z pozostałymi elementami menu. Z jakiegoś powodu jest to jednak tylko punktor, ale kiedy zmieniam punktor na tekst wypełniający w inspektorze, pozostaje on w tej samej linii. Może spróbuj odświeżyć pamięć podręczną przeglądarki?

1
PJ McCormick 28 wrzesień 2012, 00:42