[CSS] Problem z IE6 Opcje

[decha-design]

Cóż, jako że webdesignerzy radzą sobie już z IE 7 bez większych problemów (mówię na swoim przykładzie) to jeszcze pozostaje zmorą Internet Explorer 6 ... pomijając już to, że nie obsługuje kanału alpha w plikach .png (z czym można sobie poradzić stosując pngFix np. od jQuery) to pozostają rożne elementy w CSS, których nie akceptuje wspomniany wcześniej IE6. Przykładem jest np. position: fixed. I tutaj zaczynają się moje pytania:

1. Jak zrobić w IE 6 aby warstwa była na całą szerokość strony. Znaczy nie na 100% height tylko na cale okno przeglądarki, bo jak strona jest dłuższa, czyli pokazuje się suwak to niestety ta warstwa zostaje ucieta(?)... w IE 7 czy tam FX to wygląda np. tak:

[HTML] pobierz, plaintext 
div#shadow_left {
	width: 100px;
	height: 100%;
	background: transparent url('../images/shadow_left.png');
	position: fixed;
	z-index: 1;
}
[HTML] pobierz, plaintext 

Jak coś takiego uzyskać w IE6?

2. Potrzebuję zrobić diva o wysokości 1px. Wszystko fajnie, tylko, że nie wychodzi. Ta warstwa miała ok 12px. Z doświadczeń z tym problem wcześniej wiem, iż należy ustawić font-size na 0px. Niestety, tym razem nie pomogło to w 100%. Warstwa ma nie 1px, ale 2px =s. Bawiłem się też margin i padding, ale nic nie dała. Co prawda to szczegół, bo prawie w ogóle nie psuje wyglądu strony, bo prostu linia jest grubsza, ale jednak wolałbym aby był ten 1px. =) Kod CSS wygląda tak:

[HTML] pobierz, plaintext 
div.line {
	width: 596px;
	height: 1px;
	background: transparent url('../images/news_line.png');
	font-size: 0px;
	padding: 0px;
	margin: 0px;
}
[HTML] pobierz, plaintext 

Jakieś pomysły?

To chyba na razie tyle. Z góry dzięki za pomoc.

Pzdr.

[TAMLYN]

Proponuję zapoznać się z expressions. Dobry wstęp i przykłady znajdziesz tutaj:

Podstawowe informacje o expressions
Expressions - poprawki błędów css w IE

A co do problemów wyżej:
nr 1 - zapoznaj się z overflow

nr 2 - spróbuj zmienić line-height <- tego co prawda nie jestem pewien

Ten post edytował TAMLYN 9.01.2009, 21:05:59

[casI@]

Jeśli chodzi o 1px div'a w IE6 - powinno pomoc dodanie overflow: hidden.