Kłopot z css w IE

[autofolie]

Witam

Kłopot mój jest następujący. Przerabiałem sobie thema do WP na bloga. Wszystko szło ok do momentu kiedy chciałem zobaczyć a może bardziej upewnić się że w Internet Explorer działa tak samo. Ogólnie to nie korzystam z IE a z Firefox'a . Okazało się skucha bo w IE nie wygląda to dobrze.
Otóż w stylach css powkładałem tła
np. w css dla menu :

Kod: Zaznacz wszystko

#sf-menu{background:url(images/b_sidebar.jpg)repeat-x;clear:both;width:950px;border-top: #752e0d 1px solid;border-bottom: #752e0d 2px solid; margin-bottom:10px !important }

Teraz problem jest taki :
Mozilla Firefox - plik b_sidebar.jpg widzi i go wyświetla
Google Chrome - plik b_sidebar.jpg widzi i go wyświetla
Internet Explorer - pliku b_sidebar nie widzi i nie wyświetla

Ciekawostką jest natomiast styl css dla body, który jest widoczny dla każdej przeglądarki

Kod: Zaznacz wszystko

body{background: #ffffff url(images/tlo.jpg) repeat-x;border-top:8px solid #bd4c1e; color:#555;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;font-size:95%}

I tutaj plik tlo.jpg widzi każda przeglądarka i nie wiem czemu to jest spowodowane

Może ktoś pomoże bo ja nie mam już pomysłu

Link do strony http://blog.paolina.pl żeby sprawdzić różnicę trzeba mieć różne przeglądarki

[autofolie]

Kłopot rozwiązałem i był to głupi błąd

Problem był w tym że nie zrobiłem odstępu przed repeat-x

Było:

Kod: Zaznacz wszystko

#sf-menu{background:url(images/b_sidebar.jpg)repeat-x;clear:both;width:950px;border-top: #752e0d 1px solid;border-bottom: #752e0d 2px solid; margin-bottom:10px !important }

Powinno być:

Kod: Zaznacz wszystko

#sf-menu{background:url(images/b_sidebar.jpg) repeat-x;clear:both;width:950px;border-top: #752e0d 1px solid;border-bottom: #752e0d 2px solid; margin-bottom:10px !important }

niby nic a jak wiele zmienia Ułomność IE jest duża

[Paweł Landzberg]

Dlatego pisz bardziej czytelnie, bo to jest taki zbitek ten css, prawie bez odstępów gdzieniegdzie.

[autofolie]

Z pismem zawsze miałem kłopoty to znaczy trudno było go rozczytać
Fakt może ten css nie jest czytelny ale ja się orientuję to jest taki mój kod zabezpieczający żeby mi nikt nie podbierał moich plików nawalić kodu i kłopot z rozczytaniem

[Michał Otroszczenko]

Ja mam akurat inne podejście: nie utrudniam sobie życia, bo pomyłki poprzez zaciemnianie i bałaganienie w kodzie są bardzo kosztowne czasowo. A jak ktoś będzie chciał to wystarczy, że przetworzy kod przy pomocy tzw. beautifyera ("upiększacza", który wszystko podzieli oraz poformatuje) i już nie będzie miał problemu z czytaniem . No, ale kto co lubi

[Karol Rybiński]

Jeżeli chodzi o kod, to wyznaję jedną, nadrzędną zasadę: "porządek w kodzie musi być" Czytelny kod to podstawa.

[elementh]

Polecam pisać w ten sposób:

Kod: Zaznacz wszystko

#sf-menu {
   background: url(images/b_sidebar.jpg) repeat-x;
   clear: both;
   width: 950px;
   border-top: #752e0d 1px solid;
   border-bottom: #752e0d 2px solid;
   margin-bottom:10px !important;
}


Odrazu lepiej się czyta
Na mojej stronie znajdziesz pięknie wydziergany kodzik html, php i css
Sam zobacz: (link w stopce)

[Karol Rybiński]

Kod "pod linijkę"

Na początku pisałem w ten sposób, obecnie też można u mnie znaleźć takie miejsca, choć aktualnie wolę kod CSS dla danego selektora w jednej linii, mniej miejsca zajmuje i mam szybszy dostęp do poszukiwanego fragmentu.

[elementh]

aktualnie wolę kod CSS dla danego selektora w jednej linii, mniej miejsca zajmuje i mam szybszy dostęp do poszukiwanego fragmentu

To fakt, sam zaczynam powoli się w taki tryb pisania wkręcać

[Krzysztof Trynkiewicz]

Ułomność IE jest duża

Nie wina IE tylko Twoja...

Co do kodu - pisz zawsze ladnie, teraz Ci moze nie zalezec, ale zajrzysz w niego za kilka miesiecy i Ci rece opadna. Jak chcesz zabezpieczac, pogooglaj za CSS obfuscator. Poprawic kod (lub utrudnic jego czytanie) mozesz np. za pomoca http://www.cleancss.com/