Problem z CSS w IE6 - 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: Problem z CSS w IE6 (/thread-problem-z-css-w-ie6)
|
Problem z CSS w IE6 - siwy696 - 16-04-2010
Witam, posiadam stronę której style dostosowane są tylko dla silnika przegląderk takich jak FireFox.
Od kilku dni staram się własnoręcznie dostosować ją dla
IE6 jednak w tej chwili wydaje mi się już to niemożliwe, słabo ogarniam tworzenie stron wiec chyba sobie nie poradzę...
Niżej zamieszczam mój plik style.css, proszę o przerobienie tego lub chociaż o jakieś wskazówki dzięki którym uda mi się temu uporać, komentarze typu
: google.pl lub użyj hacków są tutaj zbędne.
Z góry dziękuję pomoc i pozdrawiam.
Cytat:* {
margin : 0;
padding : 0;
}
body {
height : 100%;
width : 100%;
background : #f1eff0 url("img/bg-top.jpg") repeat-x center top;
font-size : 11px;
color : black;
font-family : Arial, Tahoma;
text-align : center;
}
a, img, input, textarea {
border : none;
text-decoration : none;
}
form {
margin : 0;
padding : 0;
}
ul {
list-style : none;
padding : 0;
margin : 0;
}
#calosc {
width : 960px;
text-align : left;
margin : 0 auto
;
}
#logo {
width : 855px;
height : 162px;
background-image : url("img/logo.jpg");
float : left;
padding : 15px 0 0 110px;
}
.menu {
width : 960px;
height : 43px;
clear : both;
}
.menu ul {
list-style : none;
padding : 0;
margin : 0;
}
.menu li {
float : left;
}
#strona-glowna {
width : 240px;
background-image : url("img/strona-glowna.jpg");
}
#zamow-serwer {
width : 154px;
background-image : url("img/zamow-serwer.jpg");
}
#serwery-testowe {
width : 184px;
background-image : url("img/serwery-testowe.jpg");
}
#sponsoring {
width : 135px;
background-image : url("img/sponsoring.jpg");
}
#o-nas {
width : 101px;
background-image : url("img/o-nas.jpg");
}
#kontakt {
width : 143px;
background-image : url("img/kontakt.jpg");
}
#strona-glowna, #zamow-serwer, #serwery-testowe, #sponsoring, #o-nas, #kontakt {
height : 43px;
float : left;
}
.lewa {
float : left;
width : 244px;
margin-top : 10px;
}
.panel-logowania {
width : 187px;
height : 133px;
float : left;
background-image : url("img/panel-logowania.jpg");
padding : 49px 0 0 33px;
}
.panel-logowania a {
color : white;
font-size : 11px;
font-family : tahoma, arial;
}
.panel-logowania a:hover {
color : lime;
}
#username {
background-image : url("img/username.jpg");
}
#password {
background-image : url("img/password.jpg");
margin-top : 3px;
}
#username, #password {
width : 161px;
height : 27px;
float : left;
font-size : 11px;
text-align : center;
padding : 0 5px 0 5px;
color : white;
}
#zaloguj {
float : left;
margin : 10px 0 12px 100px;
}
.menu-poziome {
width : 218px;
background-color : #f1eff0;
padding : 8px 8px 8px 18px;
float : left;
margin : 10px 0 0 0;
}
.menu-poziome ul {
list-style : url("img/kropka.jpg");
padding : 0;
margin : 0;
list-style-position : inside;
}
.menu-poziome li {
margin-top : 2px;
}
.menu-poziome a {
color : black;
font-size : 12px;
}
.partnerzy {
margin-top : 10px;
text-align : center;
float : left;
}
.prawa {
width : 694px;
background-color : #f1eff0;
padding : 10px 10px 10px 12px;
margin-top : 0;
float : left;
}
#aktualnosci h1 {
visibility : hidden;
}
#aktualnosci {
width : 80px;
height : 21px;
background-image : url("inne/aktualnosci.jpg");
}
.newsy {
width : 410px;
float : left;
margin-right : 44px;
}
.news {
width : 410px;
float : right;
margin-top : 10px;
}
.belka {
width : 404px;
height : 15px;
background-image : url("img/belka.jpg");
float : left;
padding : 3px 3px 3px 3px;
margin-bottom : 6px;
}
.belka h1 {
font-size : 15px;
font-family : Arial, Tahoma;
color : #f1eff0;
width : 350px;
float : left;
}
.data {
width : 54px;
float : right;
color : #f1eff0;
font-size : 10px;
margin-top : 2px;
}
.tresc {
width : 400px;
float : left;
padding : 0 5px 10px 5px;
text-align : left;
border-bottom : 2px solid #43155a;
font-size : 12px;
margin-top : 8px;
}
.tresc a {
color : #43155a;
font-weight : bold;
}
#powered-by {
width : 237px;
height : 21px;
background-image : url("img/powered-by.jpg");
float : right;
margin : 10px 0 10px 0;
}
.powered-by-bg {
width : 237px;
overflow : hidden;
}
#promocje {
width : 237px;
height : 21px;
background-image : url("img/promocje.jpg");
float : right;
margin-bottom : 10px;
}
.promocje-bg {
width : 237px;
overflow : hidden;
}
.bannery {
width : 240px;
float : left;
text-align : center;
}
.stopka {
width : 898px;
height : 33px;
float : right;
background-image : url("img/stopka.jpg");
margin : 6px 6px 0 0;
padding : 6px 5px 0 42px;
color : white;
}
.stopka a {
color : lime;
}
RE: Problem z CSS w IE6 - Haden - 16-04-2010
IE6 ?? To jest przeszłość kto Ci teraz z tej przeglądarki korzysta. Tam nawet .png źle jest czytane. Sprawdź lepiej w 7 lub 8.
RE: Problem z CSS w IE6 - Pedro84 - 16-04-2010
(16-04-2010, 13:24)Haden napisał(a): IE6 ?? To jest przeszłość kto Ci teraz z tej przeglądarki korzysta. Tam nawet .png źle jest czytane. Sprawdź lepiej w 7 lub 8.
A 6 ma olać? Nie, no Panowie, bez jaj. IE6 tragiczne jest, ale nawet Google nie olewa go z dnia na dzień.
@autor, widać, że nie masz pojęcia. Co my mamy z tym kodem zrobić? Wydrukować, opakować w ramke i na ścianę rypnąć?
RE: Problem z CSS w IE6 - ery - 16-04-2010
Jeszcze jakieś pól roku temu tez bawiłem się w IE6, obecnie olewam ten problem. Pod IE6 skupiam się tylko żeby można było tekst oczytać, i na samej górze umieszczam informacje dla użytkowników IE6 "Używasz przestarzałej przeglądarki .... ble ble ble... "
Jako przykład dla IE6: www . ogloszenia-24 . org
RE: Problem z CSS w IE6 - Dhofca - 16-04-2010
Ery, wg. mnie dobre podejście, bo to nam (zajmującym się webdesignem) powinno zależeć najbardziej żeby odsunąć IE6 do lamusa. A jak będziemy ciągle kierowali się statystykami to nic nie zdziałamy. Przydałoby się jakieś pospolite ruszenie przeciwko tym niedobitkom używającym IE6. :p
RE: Problem z CSS w IE6 - siwy696 - 16-04-2010
Ale wy nic nie rozumiecie, w IE6 prawe menu wchodzi pod newsy, strone mozna zobaczyc pod adresem http://best4play.pl
Jest na to jakaś rada? Jeśli sie tak znacie to co macie za problem dopisać mi hacki zeby to sie chociaż nie rozjezdzało tak bo wyglada okropnie, na IE7 jest to samo!! Nie wiem jak na IE8 ale nie obchodzi mnie to bo samo to ze na IE6 i IE7 wyglada okropnie to juz chyba duzo, z 60% ludzi korzysta z tego...
RE: Problem z CSS w IE6 - Pedro84 - 16-04-2010
Gdzie Ty masz prawe menu?
RE: Problem z CSS w IE6 - siwy696 - 17-04-2010
Odpal sobie w IE6 lub IE7 i zobaczysz ze powered by i promocje sa pod newsami!!
RE: Problem z CSS w IE6 - Haden - 17-04-2010
Masz racje P Jest pod spodem.
Fajne menu ma ta stronka.
Ale co do problemu to nic nie pomoge. IE6 trzeba olać i tyle ...
RE: Problem z CSS w IE6 - siwy696 - 17-04-2010
IE6 i IE7 mam olać? chyba niewiesz co mówisz... w IE7 jest to samo!!
|