• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Strona działa na internet explorer a nie działa w chromie

VPS Starter Arubacloud
0 głosów
732 wizyt
pytanie zadane 21 lipca 2018 w HTML i CSS przez MasterStich Nowicjusz (150 p.)

Witam otóż mam problem że moja strona wyświetlana na internet explorer działa poprawnie a na google chrome nie wczytuję zdjęć i fontello. Jak to naprawić?

to jest chrome 

a tutaj explorer

komentarz 21 lipca 2018 przez ScriptyChris Mędrzec (190,190 p.)
komentarz 21 lipca 2018 przez MasterStich Nowicjusz (150 p.)
tutaj css

body
{
    background-image: url(img/cubes.jpg);
    font-family: 'Lato', sans-serif;
    margin: 0 !important;
}

a tutaj html

<!DOCTYPE HTML>
<html lang="pl">
<head>
     <meta charset="utf-8" />
     <title> MasterStich </title>
     <meta name="description" content="opis" />
     <meta name="keywords" content="tagi" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     
    <link rel="stylesheet" href="style.css" type="text/css" />
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link rel="stylesheet" href="icon/css/fontello.css" type="text/css" />
komentarz 21 lipca 2018 przez kubaapk Nałogowiec (44,270 p.)
Co zwraca konsola w chrome?
komentarz 21 lipca 2018 przez MasterStich Nowicjusz (150 p.)
wytłumaczyłbyś bardziej co masz na myśli ? (sorka jestem początkujący)
komentarz 21 lipca 2018 przez Tomek Sochacki Ekspert (227,510 p.)
w Chromie wduś F12 i powiedz co tam jest w konsoli.
komentarz 21 lipca 2018 przez kubaapk Nałogowiec (44,270 p.)
Otwórz stronę w Chrome, wciśnij ctrl + shift + i, przejdź do zakładki console i zobacz czy coś tam jest napisane.
komentarz 21 lipca 2018 przez MasterStich Nowicjusz (150 p.)

o takie coś

komentarz 21 lipca 2018 przez MasterStich Nowicjusz (150 p.)

a tutaj head

komentarz 21 lipca 2018 przez MasterStich Nowicjusz (150 p.)
A w console nic nie pisze. Okno to jest puste.
komentarz 21 lipca 2018 przez xmentor Nałogowiec (49,520 p.)
Wylacz wtyczki pokroju adblock
komentarz 21 lipca 2018 przez MasterStich Nowicjusz (150 p.)
nic nie pomogło wyłączenie wtyczek ;/

2 odpowiedzi

0 głosów
odpowiedź 21 lipca 2018 przez thryndl Nałogowiec (30,470 p.)
wybrane 21 lipca 2018 przez ScriptyChris
 
Najlepsza
Wrzuć cały kod HTML i CSS, bo fragment, który wrzuciłeś w komentarzu i bez żadnego formatowania można o kant d*py potłuc (bez obrazy).
komentarz 21 lipca 2018 przez MasterStich Nowicjusz (150 p.)
<!DOCTYPE HTML>
<html lang="pl">
<head>
     <meta charset="utf-8" /> 
     <title> MasterStich </title>
	 <meta name="description" content="opis" />
	 <meta name="keywords" content="tagi" />
	 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
	 
	<link rel="stylesheet" href="style.css" type="text/css" />
	<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
	<link rel="stylesheet" href="icon/css/fontello.css" type="text/css" />
	<script type="text/javascript">
   function odliczanie()
   {
        var dzisiaj = new Date();
		
        var dzien = dzisiaj.getDate();
		var miesiac = dzisiaj.getMonth()+1;
		var rok = dzisiaj.getFullYear();
		
		var godzina = dzisiaj.getHours();
		if (godzina<10) godzina = "0"+godzina;
		
		var minuta = dzisiaj.getMinutes();
		if (minuta<10) minuta = "0"+minuta;
		
		var sekunda = dzisiaj.getSeconds();
		if (sekunda<10) sekunda = "0"+sekunda;
		
		document.getElementById("zegar").innerHTML =
	dzien+"/"+miesiac+"/"+rok+" | "+godzina+":"+minuta+":"+sekunda;
	
	setTimeout("odliczanie()",1000);
   }
   </script>
	
</head>

<body onload="odliczanie();">
    <div class="wrapper">
	    <div class="header">
		         <div class="logo">
					<span style="color: purple">Fort</span>nite.com
					<img src="img/f.png" style="float:left;" />
					<div style="clear:both;"></div>
				 </div>
                  <div class="nav"><div id="zegar"></div>
						<ol>
								<li><a href="#">Strona główna</a></li>
								<li><a href="#">Kamil</a>
									<ul>
									      <li><a href="#">Dobry</a></li>
										  <li><a href="#">Taktyk</a></li>
										  <li><a href="#">W</a></li>
										  <li><a href="#">Fortnite</a></li>
									</ul>
								</li>
								<li><a href="#">Anitka</a>
								<ul>
									      <li><a href="#">Dobre</a></li>
										  <li><a href="#">Wsparcie</a></li>
										  <li><a href="#">W</a></li>
										  <li><a href="#">Fortnite</a></li>
									</ul>
								</li>
								<li><a href="#">Damian</a>
								<ul>
									      <li><a href="#">Dobry</a></li>
										  <li><a href="#">Strzelec</a></li>
										  <li><a href="#">W</a></li>
										  <li><a href="#">Fortnite</a></li>
									</ul>
								</li>
								<li><a href="#">Sebastian</a>
								<ul>
									      <li><a href="#">Dobry</a></li>
										  <li><a href="#">Snajper</a></li>
										  <li><a href="#">W</a></li>
										  <li><a href="#">Fortnite</a></li>
									</ul>
								</li>
						</ol>
				  </div> 		
							<div class="content">
					<p>			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices ex ut diam vehicula lacinia. Nulla vel diam eget neque ultricies elementum eget et lectus. Aliquam sollicitudin efficitur libero nec scelerisque. Quisque eu sagittis mauris. Sed convallis eros vitae diam pretium tempus. Donec consectetur tortor id volutpat ullamcorper. Mauris hendrerit rutrum ipsum a faucibus. Duis non consectetur neque. Fusce ac lacus a nisl lobortis consequat vel quis sapien. Aliquam ac porttitor sem. Etiam et enim at felis auctor sagittis. Cras convallis mauris id dapibus fringilla. Donec at erat orci. Quisque ut ultricies dolor. Maecenas nec felis pharetra, tincidunt lectus sit amet, sagittis libero.</p>

					<p>				Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec gravida in dui quis pulvinar. Nunc et accumsan libero. Nullam vehicula, erat at scelerisque fringilla, sem ipsum faucibus purus, ac semper nunc ante eget elit. Morbi nunc libero, fermentum rhoncus dignissim ut, semper vitae ipsum. Cras auctor mi et lacinia rhoncus. Curabitur sed auctor orci, porttitor elementum odio. In hendrerit sollicitudin ullamcorper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ultrices bibendum ligula, a gravida magna rutrum sit amet. Phasellus sit amet condimentum justo. Donec nisl lectus, pulvinar sed neque eu, sollicitudin elementum ex. Aenean ac augue ac mauris sagittis fringilla vitae nec sem. Nunc pellentesque elit non venenatis sodales.</p>

					<p>				Nunc consectetur diam ex. Maecenas ac lacus id massa rutrum mattis tempor ut ante. Maecenas non arcu sit amet sapien tincidunt sagittis. Vivamus sit amet dapibus eros, non consequat quam. Vestibulum et tempor nunc, blandit iaculis elit. Vivamus mauris nunc, maximus eget placerat non, volutpat eu ante. Etiam eu felis dapibus, venenatis elit sit amet, venenatis nisi. Fusce rutrum suscipit blandit. Duis nec tempus velit. Sed at erat vitae leo lacinia ullamcorper quis et arcu.</p>

					<p>				Ut lacinia a magna scelerisque auctor. Sed porta, magna in lacinia tincidunt, ante dui facilisis risus, sit amet imperdiet tortor leo in elit. Etiam sit amet nisi id purus consectetur blandit ac sit amet tortor. Integer id leo gravida, porta enim eget, euismod felis. Proin nec tincidunt ipsum. Maecenas vulputate consectetur tortor, sit amet rutrum odio lobortis in. Maecenas sagittis nibh sed massa maximus viverra. Maecenas molestie, risus ut varius sodales, erat ipsum dapibus metus, ac congue libero magna vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vulputate convallis rutrum. Sed tincidunt suscipit sapien ac tincidunt. Pellentesque leo purus, consectetur viverra elementum id, maximus eget enim. Phasellus ultrices tortor sed fermentum porta. Donec non dolor rhoncus, blandit lectus in, commodo felis.</p>

					<p>			Pellentesque sollicitudin enim a ante elementum pretium. Nam sed tristique nulla, eget mollis magna. Maecenas vel odio non orci eleifend posuere nec eu lacus. Mauris metus lorem, hendrerit a urna at, pretium porta ex. Donec quis quam sollicitudin, congue libero eu, lacinia magna. Phasellus tempus faucibus euismod. Vestibulum imperdiet sem sed libero pharetra cursus. Praesent id elementum arcu. Duis vel luctus ante, eu efficitur sapien. Cras porta hendrerit massa eu malesuada. Quisque eget sapien arcu.</p>
					
					<p>			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices ex ut diam vehicula lacinia. Nulla vel diam eget neque ultricies elementum eget et lectus. Aliquam sollicitudin efficitur libero nec scelerisque. Quisque eu sagittis mauris. Sed convallis eros vitae diam pretium tempus. Donec consectetur tortor id volutpat ullamcorper. Mauris hendrerit rutrum ipsum a faucibus. Duis non consectetur neque. Fusce ac lacus a nisl lobortis consequat vel quis sapien. Aliquam ac porttitor sem. Etiam et enim at felis auctor sagittis. Cras convallis mauris id dapibus fringilla. Donec at erat orci. Quisque ut ultricies dolor. Maecenas nec felis pharetra, tincidunt lectus sit amet, sagittis libero.</p>

					<p>				Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec gravida in dui quis pulvinar. Nunc et accumsan libero. Nullam vehicula, erat at scelerisque fringilla, sem ipsum faucibus purus, ac semper nunc ante eget elit. Morbi nunc libero, fermentum rhoncus dignissim ut, semper vitae ipsum. Cras auctor mi et lacinia rhoncus. Curabitur sed auctor orci, porttitor elementum odio. In hendrerit sollicitudin ullamcorper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ultrices bibendum ligula, a gravida magna rutrum sit amet. Phasellus sit amet condimentum justo. Donec nisl lectus, pulvinar sed neque eu, sollicitudin elementum ex. Aenean ac augue ac mauris sagittis fringilla vitae nec sem. Nunc pellentesque elit non venenatis sodales.</p>

					<p>				Nunc consectetur diam ex. Maecenas ac lacus id massa rutrum mattis tempor ut ante. Maecenas non arcu sit amet sapien tincidunt sagittis. Vivamus sit amet dapibus eros, non consequat quam. Vestibulum et tempor nunc, blandit iaculis elit. Vivamus mauris nunc, maximus eget placerat non, volutpat eu ante. Etiam eu felis dapibus, venenatis elit sit amet, venenatis nisi. Fusce rutrum suscipit blandit. Duis nec tempus velit. Sed at erat vitae leo lacinia ullamcorper quis et arcu.</p>

					<p>				Ut lacinia a magna scelerisque auctor. Sed porta, magna in lacinia tincidunt, ante dui facilisis risus, sit amet imperdiet tortor leo in elit. Etiam sit amet nisi id purus consectetur blandit ac sit amet tortor. Integer id leo gravida, porta enim eget, euismod felis. Proin nec tincidunt ipsum. Maecenas vulputate consectetur tortor, sit amet rutrum odio lobortis in. Maecenas sagittis nibh sed massa maximus viverra. Maecenas molestie, risus ut varius sodales, erat ipsum dapibus metus, ac congue libero magna vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vulputate convallis rutrum. Sed tincidunt suscipit sapien ac tincidunt. Pellentesque leo purus, consectetur viverra elementum id, maximus eget enim. Phasellus ultrices tortor sed fermentum porta. Donec non dolor rhoncus, blandit lectus in, commodo felis.</p>

					<p>			Pellentesque sollicitudin enim a ante elementum pretium. Nam sed tristique nulla, eget mollis magna. Maecenas vel odio non orci eleifend posuere nec eu lacus. Mauris metus lorem, hendrerit a urna at, pretium porta ex. Donec quis quam sollicitudin, congue libero eu, lacinia magna. Phasellus tempus faucibus euismod. Vestibulum imperdiet sem sed libero pharetra cursus. Praesent id elementum arcu. Duis vel luctus ante, eu efficitur sapien. Cras porta hendrerit massa eu malesuada. Quisque eget sapien arcu.</p>
					
							</div>
							<div class="socials">
							   <div class="socialdivs">
							   <div class="fb"><a href="https://www.facebook.com/anitkkaaa112" target="_blank" title="Anitki facebook"><i class="icon-facebook-squared"></a></i></div>
							   <div class="yt"><i class="icon-youtube"></i></div>
							   <div class="snap"><i class="icon-snapchat-square"></i></div>
							   	   <div class="steam"><i class="icon-steam-squared"></i></div>
							   <div style="clear:both"></div>
							   </div>
	                       <div class="footer">Sam zrobiłem&copy;</div> 						
							</div>
								</div> 


		  
   
   </div>
   <script src="jquery-3.3.1.min.js"></script>
    <script>
 
    $(document).ready(function() {
    var NavY = $('.nav').offset().top;
      
    var stickyNav = function(){
    var ScrollY = $(window).scrollTop();
           
    if (ScrollY > NavY) { 
        $('.nav').addClass('sticky');
    } else {
        $('.nav').removeClass('sticky'); 
    }
    };
      
    stickyNav();
      
    $(window).scroll(function() {
        stickyNav();
    });
    });
     
</script>
</body>

</html>
body
{
	background-image: url(img/cubes.jpg);
	font-family: 'Lato', sans-serif;
	margin: 0 !important;
}
.wrapper
{
	width: 100%;
}

.header
{
	width: 100%;
	padding: 40px 0;
}

.logo
{
	width: 450px;
	font-size: 48px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
}
.nav
{
	width: 100%;
	padding: 10px 0;
	background-color: #663366;
	text-align: center;
	border-top: 1px solid #FF66CC;
	border-bottom: 1px solid #FF66CC;
}
.content
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
	padding-top: 10px;
}
.socials
{
	width: 100%;
	text-align: center;
    background-image: url(img/dark_brick_wall.jpg);
}
.socialdivs
{
     width: 1000px;
	 margin-left: auto;
	 margin-right: auto;
}
.footer
{
	text-align: center;
    background-color: #663366;
	padding: 10px;
	color: #CC99CC;
	padding-bottom: 10px;
    position: absolute;
	left: calc(50% - 50%);
    right: calc(50% - 50%);
}
.fb
{
	width: 250px;
	height: 155px;
	float: left;
	color: white;
}
.fb:hover
{
	background-color: #4668b3;
}
.yt
{
	width: 250px;
	height: 155px;
	float: left;
	color: white;
}
.yt:hover
{
	background-color: red;
}
.steam
{
	width: 250px;
	height: 155px;
	float: left;
	color: white;
}
.steam:hover
{
	background-color: #5F5F5F;
}
.snap
{
	width: 250px;
	height: 155px;
	float: left;
	color: white;
}
.snap:hover
{
	background-color: #F1FA49;
}
#zegar
{
	color: #99CCFF;
	font-size: 20px;
	text-align: right;
	margin-right: 5px;
}
/* nieodwiedzony link*/
a:link
{
		color: white;
		text-decoration: none;
		display: block;
}
/* odwiedzony link*/
a:visited
{
	color: white;
}
/* po najechaniu linku*/
a:hover
{
	color: white;
}
.sticky
{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}
ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 18px;
	height: 45px;
	line-height: 200%;
	display: inline-block;
}
ol > li 
{
    float: left;
    width: 150px;
    height: 35px;
    border-right: 1px dashed black;	
}
ol > li:first-child
{
	  border-left: 1px dashed black;	
}
ol > li:hover
{
	background-color: #996699;
}
ol > li:hover > a
{
	color: black;
}
ol > li > ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 40px;
	display: none;
}
ol > li:hover > ul 
{
	display: block;
}
ol > li > ul > li
{
	background-color: #660066;
	position: relative;
	z-index: 100;
	border-top: 1px dashed black;
}
ol > li > ul > li:hover
{
	background-color: #330033;
}
ol > li > ul > li:hover > a
{
	color: #CC99CC;
}
.icon-youtube
{
   transition: transform 2s easy-in-out;
}
.icon-youtube:hover
{
    transform: scale(0.8) rotate(360deg);
}

 

komentarz 21 lipca 2018 przez thryndl Nałogowiec (30,470 p.)

Ok, jak wejdziesz na http://masterstich.cba.pl/ naciśnij w chrome CTRL + F5.

Pośpieszyłem się z tym kodem, bo coś mi nie pod pasowało, ale koniec końców wszystko jest w porządku, dopiero po wejściu na Twoją stronę zdałem sobie sprawę, że po prosto ciastka i pamięć podręczna Ci się nie odświeżyła, dlatego Chrome nie widzi obrazków, a IE tak.

W kodzie jedynie możesz poprawić meta tag

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

usunąć chrome=1

komentarz 21 lipca 2018 przez MasterStich Nowicjusz (150 p.)
Dzięki wielkie. Wszystko działa jak należy :D Pozdrawiam Stich!
0 głosów
odpowiedź 21 lipca 2018 przez velmdk Początkujący (460 p.)
Witam,

Może masz w Chromie wyłączone wyświetlanie grafik.
Kliknij na Ustawienia->Zaawansowane->Ustawienia treści->Grafika->Pokaż wszystkie. Mam nadzieję, że pomogło ;-)

pozdrawiam
komentarz 21 lipca 2018 przez MasterStich Nowicjusz (150 p.)
ok już znalazłem i jest napisane (pokaż wszystkie) jest zaznaczona .

Podobne pytania

0 głosów
3 odpowiedzi 3,275 wizyt
0 głosów
2 odpowiedzi 215 wizyt
pytanie zadane 4 lipca 2016 w HTML i CSS przez alus152 Bywalec (2,690 p.)
0 głosów
2 odpowiedzi 186 wizyt

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...