Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] IE ucina fragmenty elementów
Forum PHP.pl > Forum > Przedszkole
l0ud
Witam. Projektuję wstępny wygląd paginacji i napotkałem się z problemem pod IE.

Następujący fragment kodu:

CSS:
Kod
        body {
            font-size: 11px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }

    div#pageContent ul.pager {
        float: right;
        height: 10px;
    }

    div#pageContent ul.pager li {
        border-style: solid;
        border-width: 1px;
        border-color: #7A1A1A;
        margin-left: 4px;
        display: inline;
        padding: 2px;
        padding-left: 3px;
        padding-right: 3px;
        background-color: #EEEEEE;
    }
    
    div#pageContent ul.pager li.selected {
        color: #FFFFFF;
        background-color: #C62A2A;
    }

HTML (doctype to HTML 4.01 strict):
  1. <ul class="pager"><li>Strona 1 z 5</li><li class="selected">1</li><li>2</li><li>3</li><li>></li><li>ť</li></ul>


Pod FF i Operą wygląda to zgodnie z zamierzeniem:


Niestety pod IE są już problemy:


Wygląda na to, że ucina on element ignorując padding-top i bottom. Co ciekawe po usunięciu tych atrybutów z CSS problem nadal występuje.
Jak temu zaradzić? smile.gif

Pozdrawiam
Shili
w li zamiast display: inline ustaw display: block
i dodaj właściwość float: left;

W przypadku elementów liniowych IE czasem potrafi się zachowywać specyficznie.
l0ud
Dzięki, pomogło winksmiley.jpg
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.