Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][IE6] Niechciana przestrzeń po linkiem w liście.
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
LBO
Stworzyłem prosty przykład, żeby nie zamęczać całością strony.
Przykład.
Tło dla linków ustawiłem, na żółto. Tło dla elementu <li> na zielono.
Problemem jest przestrzeń pod każdym z linków w IE6 (pod IE7 wyświetla sie dobrze). Myślałem najpierw, że to jest wina domyślnego margin-bottom dla <a> - niestety nie; Zainteresowałem się <li> - może padding-bottom (wszystko na to wskazywało)? Też pudło.

Chodzi mi o rozwiązanie nie wymagające żadnych hacków - jak dotąd udało mi sie bez nich obejść.
devnul
ja widze dwa jedno bardziej drugie mniej eleganckie

Kod
/*sposób pierwszy*/
li {
  background: green;
  border:1px solid yellow;
}


/*sposób drugi*/
li {
  background: green;
  zoom:1;
}

a twój problem występuje przez zastosowanie display:bloc w elementach "a"
LBO
Hmm, zoom nie załatwia problemu... border tak, ale mi sie nie podoba.

Cytat
a twój problem występuje przez zastosowanie display:bloc w elementach "a"


Bo inaczej nie będę mógł swobodnie nadawać margin'ów i padding'ów :/
devnul
czy ja wiem?
moze w takim razie tak
Kod
a.menu {
  display:block;
  float:left;
}
li {
  background: green;
  clear:both;
}

marginy,paddingi nadawać mozesz - jedyna różnica to to ze elementy nie są rozciągnięte na całą szerokość
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.