Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Strona nie działa w mozilli
krisek101
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 16.12.2012

Ostrzeżenie: (0%)
-----

Cześć.
Potrzebuję pomocy. Problem polega na tym, że strona, którą tworze nie wyswietla się w mozilli. Na kazdej innej przegladarce dziala ok. To że nie wyswietla sie w mozilli tez nie jest do konca calkowicie trafne, poniewaz gdy otworze plik index.html bezposrednio(nie przez localhost)-to i w mozilli sie poprawnie wyswietli. Próbowałem tez wrzucac ją na serwer ugu.pl-skutek ten sam, wyswietlana jest tylko gorna czesc strony. Środka(trzech divów) nie ma, a stopka jest(bynajmniej u mnie).

Kod strony wrzucilem tutaj(probujcie otworzyc roznymi przegladarkami):
http://jsfiddle.net/uP5Fe/1/

Z góry dziękuję za pomoc i zainteresowanie.

index.html:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3.  
  4.   <head>
  5.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.     <meta http-equiv="content-language" content="pl" />
  7.     <link rel="stylesheet" href="style.css" type="text/css">
  8.     	<title>Czat</title>
  9. </head>
  10.  
  11. <body>
  12. 	<div id="header">
  13. 			<div class="logo">
  14. 				<a href="index.php">CZAT</p></a>
  15.             </div>	
  16.     </div>
  17. <div id="content">
  18. 	<div id="adbox">
  19.  
  20. <a href="glos.php">    
  21. <div class="rg" onmouseover="java script:this.style.backgroundColor='#999966';" onmouseout="java script:this.style.backgroundColor='#cccc99';" >
  22. <h1>ROZMOWA<br />GŁOSOWA<br />
  23. <img style="margin-left:250px;" alt="skype" src="images/skype_logo.png" /></h1>
  24. </div>
  25. </a>
  26.  
  27. <div class="c">
  28.  
  29. </div>
  30.  
  31. <a href="tekst.php">
  32. <div class="rt" onmouseover="java script:this.style.backgroundColor='#999966';" onmouseout="java script:this.style.backgroundColor='#cccc99';">
  33. <h1>ROZMOWA<br />TEKSTOWA<br />
  34. <img style="float:left;" src="images/tekst.png" alt="tekst" /></h1>
  35. </div>
  36. </a>
  37.  
  38. </div>
  39. 	</div>	    
  40. 	<div id="footer">
  41. 		<div class="clearfix">
  42. 			<div id="connect">
  43. 				<a href="" target="_blank" class="facebook"></a>
  44.                 <a href="" target="_blank" class="googleplus"></a>
  45.                 <a href="" target="_blank" class="twitter"></a>
  46.                 <a href="" target="_blank" class="tumbler"></a>
  47. 			</div>
  48.             <p>czat.pl</p>
  49. 		</div>
  50. 	</div>
  51. </body>
  52. </html>
[HTML] pobierz, plaintext


CSS:
body {
background-color: #fff;
font-family: 'OpenSans';
margin: 0;
}
img {
border: 0;
}

a:focus {
outline:none;
}

#content {
height: 430px;
width:1360px;
}

#header {
background-color: #ffffcc;
padding: 26px 0;
}
#header > div, #footer > div {
width: 920px;
margin: 0 auto;
padding: 0 20px;
}

#header .logo {
position:relative;
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
margin-left: 210px;

}
#header .logo a {
color: #000;
display: block;
font: 30px 'Play';
text-align: center;
text-decoration: none;
text-transform: uppercase;
}

#header .logo p{
line-height: 24px;
margin: 0 0 5px;
color: #585858;
font-size: 16px;
}

#adbox {
padding: 0 0;
}

#adbox h1 {
color: #2c2c2c;
margin: 0;
text-align:center;
margin-top: 130px;
margin-right: 30px;
font: 60px "Palatino Linotype";
text-transform: uppercase;
}

#adbox h1 a {
color: #2c2c2c;
text-decoration: none;
}

#adbox h1 a:hover {
color: #C00;
}

#adbox h2 {
font-size: 30px;
line-height: 36px;
text-transform: none;
}
#adbox p {
font-size: 16px;
line-height: 24px;
margin: 0;
}

#adbox .rg {
background-color: #cccc99;
display: inline-block;
float: left;
height: 444px;
}

#adbox .rt {
background-color: #cccc99;
display: inline-block;
float: left;
width:400px;
height: 444px;
}

#adbox .rt h1{
text-align: right;
}

#adbox .c {
float:left;
display: inline-block;
width: 580px;
height: 434px;
padding-top: 10px;
background-color: #ffffcc;
}

#adbox .c p {
text-align: center;
}

#footer {
padding-top: 20px;
}
#footer p {
font-size: 15px;
line-height: 30px;
padding-left: 10px;
}
#connect {
float: right;
display: inline-block;
margin-right: 30px;
}
#connect a {
background: url(../images/icons.png) no-repeat;
display: inline-block;
height: 30px;
width: 30px;
margin: 0 10px;
}
#connect a.googleplus {
background-position: 0 -40px;
}
#connect a.twitter {
background-position: 0 -80px;
}
#connect a.tumbler {
background-position: 0 -120px;
}
#connect a.facebook:hover {
background-position: -40px 0;
}
#connect a.googleplus:hover {
background-position: -40px -40px;
}
#connect a.twitter:hover {
background-position: -40px -80px;
}
#connect a.tumbler:hover {
background-position: -40px -120px;
}



Ten post edytował krisek101 26.07.2013, 12:54:10
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 10:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn