Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wysokość listy rozwijanej
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
code46
Cześć. Proszę o pomoc w dostosowaniu za pomocą css listy rozwijanej do trzech przeglądarek: FF, Opera i IE.
Chciałbym aby miała pod tymi 3 przeglądarkami taką samą wysokość, szerokość i żeby czcionka tekstu była tego samego rozmiaru.

Dziękuje
Toadstyle
Witam.Gdybyś wkleił kod byłoby prościej.Ustalajac regułe width i height powinienes osiagnać stały rozmiar we wszystkich przeglądarkach.Ie może się sypnąć (jak zawsze) ale bede to prawdopodobnie powodowane zbyt dużymi rozmiarami zawartości(marginesy,padding).Z czcionką jest już inna bajka.Zalecaną jednostką czcionki jest em.Jeżeli uda ci się osiągnąć identyczne rozmiary w ff i operze jestes już w domu. smile.gif
code46
Cytat(Toadstyle @ 31.01.2008, 15:33:25 ) *
Witam.Gdybyś wkleił kod byłoby prościej.Ustalajac regułe width i height powinienes osiagnać stały rozmiar we wszystkich przeglądarkach.


Kod poniżej. Niestety width i height nie pomaga.

  1. <form action="...">
  2. <select class="cos" name="nazwa">
  3. <option>Tu wpisz pierwszą możliwość</option>
  4. <option>Tu wpisz drugą możliwość</option>
  5. (...)
  6. </select>
  7. </form>




  1. .cos {width: 180px; height: auto; font-size: 12px;}


IE wogóle nie reaguje. W ff jest ok a w Operze select jest niższy (height) niż w ff o jakieś 3px. Muszą być równe bo obok selecta jest inny input i to brzydko wygląda.

Jest szansa żeby uzyskać coś jednolitego?
Toadstyle
Co do szansy to kwestia wiary bardziej : >
Sproboj:
1.Niestety niepamietam roznic dokladnie ale mozesz sprobowac ustalic rozmiary pudelka wiersza.(line-height) oraz czcionki ( w ogole udalo ci sie osiagnac identyczna czcionke ?)- od tego zacznij
2.robisz diva - ustalasz jego rozmiary , kolor tla itp tak zeby mial rozmiary ktore przyjmuje fire fox nastepnie w tym dive wysrodkowywujesz input - przy border:none bedzie wygladalo identycznie : P

pozdrawiam
edit-ort :<
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.