co wstawiać w diva żeby miał 1 px wysokości

[jacekzaw]

Jako że HR w IE ma marginesy to do stosowania cienkiej jedno px linii stosuję diva w kolorze jaki chce miec

Wszystko super tylko że div nei ma nigdy px przerwy tylko zawsze większą.

Jak sobie radzicie z takim problemem, a może w jakiś inny sposób uzyskujecie linię tego typu ?

Ja wstawiam w div <p>

czyli <div id="linia"><p></p></div>

Nie wiem czy to dobre rozwiązanie ?

[Gedi]

Wszystko super tylko że div nei ma nigdy px przerwy tylko zawsze większą.

O jaką "px przerwę" chodzi?

Przecież nie ma problemu zrobić 1px wysokości DIV a na dodatek z dowolnym marginesem (odstępem), jaki się chce .

A może Ci chodzi o to, że w MSIE się nie daje ustawić wysokość DIV-a na 1px? Ależ się da!

Kod: Zaznacz cały

CSS:

#linia {
height: 1px;
font-size: 0; /* dla MSIE */
padding: 0;  /* dla Opery */
color: inherit;
background-color: black;
}

HTML (dla MSIE komentarz lub   czy cokolwiek w DIV musi być):

<div id="linia"><!-- Ten komentarz musi być dla MSIE aby DIV miał wysokość 1px. Inaczej będzie to 2px!!! --></div>

[jacekzaw]

Dzięki!

[hidee]

Zamiast pustego div-a o wysokości 1px polecam

Kod: Zaznacz cały

.linia
{
  border-bottom:solid 1px #000000;
}

.
Jest to linia czarna pod obiektem i to bardziej fachowe rozwiązanie ponieważ będzie dodawana automatycznie do każdego obiektu o klasie linia.

[yeetti]

[quote="hidee"]Zamiast pustego div-a o wysokości 1px polecam

Kod: Zaznacz cały

.linia
{
  border-bottom:solid 1px #000000;
}

.

podpisuje sie pod powyzszym postem, ale mam wrazenie, ze raczej powinno byc (oczywiscie bottom lub top do wyboru ):

border-top:1px solid #CCC;

wartosc liczbowa jako pierwszy parametr ?

yeti

[athantor]

Value: [ <'border-width'> || <'border-style'> || <color> ] | inherit

A double bar (||) separates two or more options: one or more of them must occur, in any order.