[CSS] Pozioma linia Opcje

[aeaeae]

Może pytanie wydaje się banalne, ale męczę się nad tym już jakiś czas. Jak zrobić w IE (ja mam akurat IE6, ale myślę, że w późniejszych wersjach jest podobny problem) poziomą linię (niech będzie, że na całą szerokość) o wysokości dokładnie 1px. Próbowałem hr i div, ale zawsze wychodzi wysokość 2px mimo, że daję height:1. Zorientowałem się, że w IE blok nie może mieć mniejszej wysokości niż jedna linia czcionki dlatego daję font-size:0.

Naprawdę nie rozumiem czemu jest z tym aż taki kłopot. Nie chcę przecież nic innego jak dać na stronie element blokowy (obojętnie już jaki), który będzie miał jakiś tam mój kolor i wysokość 1. Tylko tyle.

HTML

[HTML] pobierz, plaintext 
costam
<div class="line"></div>
costam
[HTML] pobierz, plaintext 

CSS

[HTML] pobierz, plaintext 
*{margin:0;padding:0}
.line{height:1;font-size:0;background-color:#FF0000}
[HTML] pobierz, plaintext 

[aeaeae]

Aaa, o to Ci chodziło. Z głupoty. (IMG:style_emoticons/default/tongue.gif)
Mimo wszystko skopiowałem Twoje rozwiązanie (z "px") i hr w ie(6) wciąż ma po 7px dodatkowych u góry i dołu ...

Teraz moja linia wygląda tak:

[HTML] pobierz, plaintext 
<div style="height:1px;border-top:1px solid #000000;font-size:0px"></div>
[HTML] pobierz, plaintext 

Zostaje tylko sprawa tego, że jedna przeglądarka zalicza border do height a druga nie (chyba (IMG:style_emoticons/default/tongue.gif) ), więc różnica wyniesie pomiędzy nimi 1px (tyle to przeżyję). No i dochodzi sprawa poprawności - wolałbym mieć hr tam gdzie myślę o linii i tam gdzie jej używam, a nie div.

Ten post edytował aeaeae 16.05.2011, 18:08:14