Dodatkowa wyściółka IE6 na dole

Mam znacznik DIV stylizowany na CSS. Ustawiłem padding na 10px (padding: 10px), działa tak, jak chciałem w Firefoksie i IE7, ale w IE6 dodaje dodatkowe dopełnienie u dołu (około 2-3px myślę). Ktoś ma pojęcie o tym, co się tutaj dzieje?Dodatkowa wyściółka IE6 na dole

[aktualizacja]

Właśnie zauważyłem, że ten znacznik div mówię ma obraz tła. Po usunięciu obrazu tła dodatkowe obicie na dole zniknie. Jakieś pomysły?

[kolejna aktualizacja, przykładowy kod]

Oto CSS stosowane do mojego div tagu:

.user-info{ 
    margin-top: 20px; 
    margin-right: 20px; 
    padding: 10px; 
    background-image: url("../img/user_panel_bg.png"); 
    float:right; 
    border: 1px #AAAAAA solid; 
    font-size:12px; 
}

Źródło

2008-12-12 codegy

można edytować ten post zawierać przykładowy kod – bendewey

Ditto. Może być z tego wiele powodów (IE 6 ma raczej dziwaczny model pudełkowy, który prawdopodobnie powoduje to, ale nie możemy powiedzieć bez jakiegoś kodu). –

Doświadczyłem tego samego problemu z wyściółką i obrazem tła. Nigdy nie mogłem tego rozwiązać.Moja praca polegała na usuwaniu i wypełnianiu, a zamiast tego używaniu granicy (która działała, ponieważ była biała na biało) ... Tajemnica ... –

Czy w Twoim dziale znajduje się zdjęcie? Jeśli jest to obraz, jest to błąd w IE 6, które mogą spowodować białe znaki wewnątrz div stworzyć zaokrąglona na dole

zaokrąglona pokazuje się z

<div> 
<img src="myimage.jpg"> 
</div>

zaokrąglona nie pokazuje się, gdy zmienić HTML

<div><img src="myimage.jpg"></div>

Źródło

2008-12-12 03:44:58 Kibbee

Ponad rok później, ale +1 ode mnie :-) Prawdopodobnie najgorszy błąd IE6 Nigdy nie doświadczyłem. Ta Kibbee! –

3 lata później i +1 ode mnie. To samo w IE8. – yosh

try img {display: block; } – yoshyosh

Gorąco polecam przyjrzeniu miejscu positioniseverything.net oraz jego zasięg zagadnień IE i obejścia . Spójrz na holly hack section - Wierzę, że znajdziesz tam odpowiedź.

[edit - dodał] spojrzeć here do wydania 3px, wyjaśnienia i naprawić

przypadku ustawień Box i różnicy przeglądarki sitepoints box model article oferuje jakiś dobry wgląd, jak również.

Źródło

2008-12-12 03:37:16 jimg

Czy próbowałeś ukryć swój przelew przepełniony DIV? overflow:hidden;

Edycja: Możesz także spróbować display: inline;, jeśli mówisz o poziomym popychaniu.

Źródło

2008-12-12 03:40:52

potencjalnie "margines" lub "obramowanie" nieruchomości?

Źródło

2008-12-12 03:44:46

można również spojrzeć na coś w rodzaju CSS reset style sheet który pozwoli Ci ustawić domyślne, które powinny być rozsądnie spójne różnych przeglądarkach.

Źródło

2008-12-12 04:07:58 mjallday

Upewnij się, że rozmiar czcionki nie powoduje problemu. Nawet bez tekstu wewnątrz elementu kontenera (np. W przypadku dolnej nasadki na rozciągliwym pojemniku) IE6 nadal będzie zmieniać wysokość pudełka nie mniejszą niż rozmiar czcionki (nawet przy jawnie ustawionej wysokości).

Tak, dla przykład, jeśli masz HTML:

<div class="box"> 
    <h1>Heading</h1> 
    <p>This is the main content.</p> 
    <div class="bottom"></div> 
</div>

... trzeba będzie to CSS:

<style type="text/css"> 
    .box { 
    background: url(bg-middle.jpg) repeat-y; 
    } 
    .box h1 { 
    background: url(bg-top.jpg) no-repeat; 
    } 
    .box .bottom { 
    background: url(bg-image.jpg) no-repeat; /* bottom cap image */ 
    height: 10px;        /* height of your bg image */ 
    font-size: 1px;       /* for IE6 */ 
    } 
</style>

Źródło

2009-02-09 16:52:47

Odpowiedz

Powiązane problemy