Forum portalu Fan-Strefa.pl
Dla webmastera => Kodowanie => Wątek zaczęty przez: Cherry w 24 Kwiecień 2013, 22:55:08
-
Skodowałam szablon pod Opere gdyż sama ją używam, sprawdziłam laya w Google Chrome i lekko się rozjeżdża, w Firefoxie to samo + nie czyta mi rodzaju czcionki
pewnie dużo osób boryka się z tym problemem, próbowałam wygooglować rozwiązanie ale mi się nie udało, znalazłam tylko że można jakoś wrzucić do kodowania oddzielny styl dla każdej przeglądarki ale konkretnie co i jak się nie dowiedziałam :-\ help
-
Ja ci powiem z mojego doświadczenia że ja nigdy nie mogę dopasować pod IE. Cherry jak kodujesz zawszę szukaj odpowiedników css oddzielnie który pasuje do danej przeglądarki znajdziesz wszystko w google. I popróbuj tak jak się nie uda zgłaszaj się na gg. Służę pomocą!
-
IE to ja już przestałem sprawdzać :| Nie wiem jak można tego używać...
-
Ja ci powiem z mojego doświadczenia że ja nigdy nie mogę dopasować pod IE. Cherry jak kodujesz zawszę szukaj odpowiedników css oddzielnie który pasuje do danej przeglądarki znajdziesz wszystko w google. I popróbuj tak jak się nie uda zgłaszaj się na gg. Służę pomocą!
jak pisałam znalazłam jakiś kod na oddzielne css dla każdej przeglądarki ale tylko dla IE, nie umiałam go przekształcić na inne, a do IE nawet nie myślałam, żeby laya dopasowywać, kto w ogóle jeszcze tego używa?!
-
Krótka instrukcja:
otwórz plik header.php znajdujący się w folderze Twojego szablonu
i pomiędzy znacznikami <head> </head> wklej poniższy kod:
<?php
$przegladarka = $_SERVER['HTTP_USER_AGENT'];
if (strstr($przegladarka, "Chrome")) { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-chrome.css"><?php }
elseif (strstr($przegladarka, "Firefox")) { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-firefox.css"><?php }
elseif (strstr($przegladarka, "Safari")) { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-safari.css"><?php }
elseif (strstr($przegladarka, "Opera")) { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-opera.css"><?php }
?>
następnie utwórz w folderze Twojego szablonu pliki ze stylami CSS dla poszczególnych przeglądarek:
style-chrome.css
style-firefox.css
style-safari.css
style-opera.css
-
Krótka instrukcja:
otwórz plik header.php znajdujący się w folderze Twojego szablonu
i pomiędzy znacznikami <head> </head> wklej poniższy kod:
<?php
$przegladarka = $_SERVER['HTTP_USER_AGENT'];
if (strstr($przegladarka, "Chrome")) { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-chrome.css"><?php }
elseif (strstr($przegladarka, "Firefox")) { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-firefox.css"><?php }
elseif (strstr($przegladarka, "Safari")) { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-safari.css"><?php }
elseif (strstr($przegladarka, "Opera")) { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-opera.css"><?php }
?>
następnie utwórz w folderze Twojego szablonu pliki ze stylami CSS dla poszczególnych przeglądarek:
style-chrome.css
style-firefox.css
style-safari.css
style-opera.css
I dla każdej przeglądarki trzeba robić osobny plik .css i go inaczej wypełniać?
-
IE to ja już przestałem sprawdzać :| Nie wiem jak można tego używać...
co to jest IE?:l hahahaha jak dla mnie to przeżytek
-
I dla każdej przeglądarki trzeba robić osobny plik .css i go inaczej wypełniać?
Nie, nie trzeba :).
Dodaj pomiędzy znacznikami <header> </header>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
Teraz tworzysz plik style.css (który będzie wczytywany przez wszystkie przeglądarki) i wypełniasz go tym co ma być wspólne dla wszystkich przeglądarek.
-
I dla każdej przeglądarki trzeba robić osobny plik .css i go inaczej wypełniać?
Nie, nie trzeba :).
Dodaj pomiędzy znacznikami <header> </header>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
Teraz tworzysz plik style.css (który będzie wczytywany przez wszystkie przeglądarki) i wypełniasz go tym co ma być wspólne dla wszystkich przeglądarek.
może ktoś bardziej to rozwinąć, tzn z tym plikiem style.css bo nie bardzo wiem co tam napisać, jaki styl dodać itd.
Albo jakiś inny sposób na to by dopasować dobrze szablon do przeglądarek
-
Nie jestem orłem w kodowaniu bo pewnie robię wszystko jak najprostszym sposobem ale według mnie starczy dodać kod:
#container {
margin: 0 auto;
width: 1254px;
}
oraz
#header {
margin-top: 0px;
top: 0px;
padding:0px;
position: absolute;
margin: 0 auto;
text-align: center;
}
i na samym początku kodu headera wstawić klasę diva z containera i headera bo i tak później dajesz divy umieszczenia właściwego headera, contentu itd.:)
Nie wiem jak to wytłumaczyć a nie chcę pisać niejasno ;) Jak będziesz miała z tym problemy to napisz do mnie :)
-
ok dzięki, w sumie zrobiłam to trochę inaczej, ale i tak mi pomogłaś ;))
-
Jej chyba bardziej chodziło o optymalizację kodu CSS tak aby każdy selektor w stylu miał swój odpowiednik pod daną wyszukiwarką. Tak jak na przykładzie definiowania obrysu.
-moz-border-radius: // <- tak definiuje się obrys dla Mozilli
-ms-border-radius: // <- tak definiuje się obrys dla Internet Explorer
-o-border-radius: // <- tak definiuje się obrys dla Opery
-webkit-border-radius: // <- tak definiuj się obrys dla Chrome, Safari.
Tak mi się wydaje, że w tym temacie o to chodziło aby każdy selektor (o ile jest taka możliwość) miał swój odpowiednik dla danej wyszukiwarki wtedy możemy mieć pewność, że strona będzie wyświetlać się prawidłowo. Niektórzy robią to tak, że wszystkie selektory dla Firefox umieszczają w osobnym pliku np. firefox-style.css dla Chrome w osobnym i tak dalej. Ale można też zrobić wszystko w jednym jeśli ktoś się orientuje, czy dany selektor ma inne odpowiedniki.
-
ojej skomplikowane to jak na mnie ;P na szczęście problem już rozwiązałam :P