css - coś nie tak pod IE - Wersja do druku

css - coś nie tak pod IE - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: css - coś nie tak pod IE (/thread-css-co%C5%9B-nie-tak-pod-ie)

css - coś nie tak pod IE - marcinp1984 - 22-01-2011

Witam
Mam problem którego się zupełnie nie spodziewałem. Od zawsze robiąc jakieś strony używałem arkusza stylów dołączanego z zewnętrznego pliku. Teraz musiałem troszkę zmienić koncepcje gdyż chcę sobie zrobić szablon aukcji allegro i muszę dodać style do pliku html. Najpierw zrobiłem sobie to tak jak zawsze czyli korzystając z zewnętrznego arkusza stylów ponieważ tak mi się łatwiej edytuje kod. Wszystko było pięknie, walidacja bez żadnych błędów, działało ok we wszystkich przeglądarkach, więc skopiowałem sobie style do pliku html. W sekcji head dodałem:

Kod:
<style type="text/css">

   <!-- Tutaj skopiowałem sobie style-->

<style>

Myślałem że na tym koniec mojej zabawy. Jednak otwierając stronkę w IE już nie było tak kolorowo. Połowa stylów jakby nie działała, np strona nie jest wyśrodkowana, właściwość min-height też zupełnie nie działa bo wszystko się pokurczyło i jak bym nią nie manipulował to nie ma żadnych zmian, grafika się gdzieniegdzie porozjeżdżała :/ A w firefoxie wszystko jest ok.
Gdzie może leżeć problem? Siedzę już nad tym od wczoraj i już zgłupiałem :/

RE: css - coś nie tak pod IE - Ancik - 22-01-2011

Witaj,

Jeżeli sprawdzasz pod tymi samymi wersjami przeglądarek, to dziwne. Przede wszystkim domknij style.

Kod:
<style type="text/css">

<!-- Tutaj skopiowałem sobie style-->

</style>

RE: css - coś nie tak pod IE - Kartofelek - 22-01-2011

Ty mówisz o IE czy o starej przeglądarce IE6? Bo to dwie zupełnie inne sprawy. Oficjalne stanowisko Microsoftu jest takie, żeby nie wspierać IE6.

Ie6 nie obsługuje min-height, ma problemy z marginesami (podwójne marginesy) i wiele innych bugów, z którymi trzeba walczyć.
Najlepiej użyć komentarzy warunkowych (google) i pliku stylów dla IE6, który nadpisze dobre style.
Co do min-height - dla ie będzie to normalne height, które przeglądarka ta rozciągnie jeżeli treści będzie więcej (co jest złe!)

RE: css - coś nie tak pod IE - marcinp1984 - 22-01-2011

Upsss. sorry Smile

W kodzie mam ok tutaj źle napisałem Smile

Hmm... nie wiem czy pod tymi samymi bo nie wiem jak to ocenić skoro to dwie inne przeglądarki Tongue

IE v 8.0.7 a Firefox 3.6.13
Ale jak by nie było nigdy nie miałem problemu z czymś takim gdy korzystałem z zewnętrznego arkusza stylów. A przecież wciągnięcie go do pliku html nie powinno nic zmienić :/

Ooo... wyprzedziła mnie jakaś odpowiedź Smile

Więc odpisuje. Tak jak wspomniałem wcześniej w tej wiadomości mam IE8 więc tu powinno być niby ok. A nie jest

RE: css - coś nie tak pod IE - Kartofelek - 23-01-2011

Kod:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title> ... </title>

    <link rel="shortcut icon" href="/favicon.ico" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <link rel="stylesheet" type="text/css" href="css/style.css?v=01" />

    <!--[if IE]>

        <link rel="stylesheet" href="css/style_ie.css">

    <![endif]-->

    <!--[if lt IE 7 ]>

        <link rel="stylesheet" href="css/style_ie6.css">

        <script type="text/javascript" src="js/dd_belatedpng.js"></script>

    <![endif]-->

</head>

<body>

</body>

</html>

RE: css - coś nie tak pod IE - marcinp1984 - 23-01-2011

W sumie to za wiele nie pomoże bo jak wspominałem styl muszę mieć wewnątrz pliku html bo jak wspominałem chodzi o szablon allegro a tam zewnętrznego pliku stosować nie można chyba że się coś zmieniło.
Ale z tego co zauważyłem problem leży w czymś innym, na allegro kod trzeba dodać min bez deklaracji typu dokumentu i tu chyba pies pogrzebany bo właśnie jak ją i przeglądam z dysku poprzez IE to się sypie... Jak zwykle IE coś nie pasi :/ Więc jak to kurde ominąć? Może ktoś miał podobny problem?

RE: css - coś nie tak pod IE - Kartofelek - 23-01-2011

min-height <- normalne
_height <- IE złom

RE: css - coś nie tak pod IE - marcinp1984 - 23-01-2011

RE: css - coś nie tak pod IE - Kartofelek - 23-01-2011

_margin-left:polowa marginesu jak dla innych Smile

centrowanie:
body {text-align:center}
.glowny_kontener {text-align:left;} <- gdzie glowny kontener to u ciebie twoj glowny kontener :}

_height - juz o tym pisalem wczesniej.

RE: css - coś nie tak pod IE - marcinp1984 - 23-01-2011

Yyyy.. nie bardzo wiem czego tyczy się to:

Cytat:_margin-left:polowa marginesu jak dla innych Smile

Z centrowaniem sobie jakoś poradziłem ale troszkę inaczej bo oczywiście w szablonach allegro nie można używać znacznika body.

A z tym _height i tak ciągle nie wiem za bardzo o co chodzi Tongue

Czy da się jakoś zrobić w IE żeby się automatycznie dopasowywało do zawartości zachowując przy tym jakiś minimalny wymiar czy też nie ;P

Ok już sobie z tym jakoś poradziłem Tongue

_height się też samo rozszerza a problem leżał w tym, że zamiast dodać to do diva w którym jest tekst dodałem to do diva nadrzędnego więc nie miało prawa zadziałać Tongue

Ale faktem jest to, że np min_height: 506; w firefoxie nie jst równe _height: 506; w IE. Żeby się zgadzało trzeba sobie troche pokombinować wartosciami, przynajmniej u mnie tak jest. Chyba ze coś jeszcze mam nie tak