Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] listy pod IE
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
xajart
witam zrobilem sobie menu na liście, pod firefoxem i Operą działą wszystko ładnie pod IE nie i tutaj zwracam się z prośbą do was:


Plik css, który poprawnie działą mi pod Opera i FF:
Kod
  ul {
      display: block;
      margin: 0;
 padding: 0;
      width: 250px;
 list-style-type:none;
 list-style:none;
  }
  ul li li{
      margin-left: 20px;
 list-style-image:none;
 list-style:none;
  }


Fragment programu:

Kod
funkcja rekurencyjna {

echo '<ul><li>';

pętla while (wg rekordów bd) {

echo '<p id="wers">
<img src="'.$http_img.'/square.gif">&nbsp;
<a href="'.$adr.'" id="number2">'.$name.'</a></p>
';

wywołanie funkcji

}

echo '</ul></li>';

}


Wiem że dziwnie to jest zbudowane ale działą i zamyka mi wszystkie znaczniki smile.gif
W Opera i FF działa wyświetlanie poprawnie linijka pod linijką.
Zaś w IE wyświetla linki jeden pod drugim niekiedy robiąc przerwy kilkunastopixelowe miedzy wpisami. I chodzi mi o to jak przebudować te pliki CSS tak by w IE wyświetlało się tak samo jak w operze i FF. 
Lion_87
Czemu tak zamykasz ?
  1. <?php
  2. echo '</ul></li>';
  3. ?>


nie powinno być
  1. <?php
  2. echo '</li></ul>';
  3. ?>


a pozatym w ogóle może tak

  1. <?php
  2. funkcja rekurencyjna {
  3.  
  4. echo '<ul>';
  5.  
  6. pętla while (wg rekordów bd) {
  7.  
  8. echo '<li><p id="wers">
  9. <img src="'.$http_img.'/square.gif">&nbsp;
  10. <a href="'.$adr.'" id="number2">'.$name.'</a></p></li>
  11. ';
  12.  
  13. wywołanie funkcji
  14.  
  15. }
  16.  
  17. echo '</ul>';
  18.  
  19. }
  20. ?>
questionmark.gif

ul li li chyba wystarczy jak dasz ul li
xajart
Tak masz racje, nie zauwazylem tego błędu, ale kod ten nie był skopiowany z kodu aplikacji tylko z głowy wrzucony tak jak mniej więcej mam to na stronie i się pomyliłem jeszcze w domu sprawdze czy czasem takie błędu nie mam w kodzie, ale wydaje mi się że nie. Zresztą po paru godzinnach siedzenia w kodzie czasami nie widzę takich drobnych błędów
smile.gif
Kod
<?php
echo '</li></ul>';
?>


Co do wrzucenia li w kod spróbuje jak będę w domu po 16.

Co do CSS ul li nie wystarczy bo wtedy mi to nie wyświetla poprawnie tego a tak jak jest teraz działa okej.



Niestety Jeżeli przebuduje stronę tak jak napisałeś przesuwajać li do środka kodu to będzie wszystko okej z tą różnića że wylistuje mi jedno pod drugim, a funkcje mam tak zbudowaną że w zależności od zagłębienia w menu jest o te kolejne 20px przesuwany margines lewy. W ten sposób mam stworzone drzewko. 

Niestety w taki sposó jak podałem u góry wszystko poprawnie działą w Opera i FF niestety w IE robi mi odstępy, ale dałem sobie podgląd kodu źródłowego na stronie i zauważyłem w którym miejścu był problem. W związku z tym rozwiązałem to w taki sposób, że skrypt odczytuje z jakiej przeglądarki ktoś wchodzi i załadowuje odpowiedni pliczek .php odpowiedzialny za wyświetlanie tego. zaś w CSS nic praktycznie nie zmieniłe i działą pod IE, OPER i FF. Wiem że sposób przekombinowany bo to wina kodu źródłowego, ale w tym momencie chodziło mi o czas może w przyszłości wyeliminuje ten błąd smile.gif 
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.