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:
  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. <div id="header">
  12. <div class="logo">
  13. <a href="index.php">CZAT</p></a>
  14. </div>
  15. </div>
  16. <div id="content">
  17. <div id="adbox">
  18.  
  19. <a href="glos.php">
  20. <div class="rg" onmouseover="java script:this.style.backgroundColor='#999966';" onmouseout="java script:this.style.backgroundColor='#cccc99';" >
  21. <h1>ROZMOWA<br />GŁOSOWA<br />
  22. <img style="margin-left:250px;" alt="skype" src="images/skype_logo.png" /></h1>
  23. </div>
  24. </a>
  25.  
  26. <div class="c">
  27.  
  28. </div>
  29.  
  30. <a href="tekst.php">
  31. <div class="rt" onmouseover="java script:this.style.backgroundColor='#999966';" onmouseout="java script:this.style.backgroundColor='#cccc99';">
  32. <h1>ROZMOWA<br />TEKSTOWA<br />
  33. <img style="float:left;" src="images/tekst.png" alt="tekst" /></h1>
  34. </div>
  35. </a>
  36.  
  37. </div>
  38. </div>
  39. <div id="footer">
  40. <div class="clearfix">
  41. <div id="connect">
  42. <a href="" target="_blank" class="facebook"></a>
  43. <a href="" target="_blank" class="googleplus"></a>
  44. <a href="" target="_blank" class="twitter"></a>
  45. <a href="" target="_blank" class="tumbler"></a>
  46. </div>
  47. <p>czat.pl</p>
  48. </div>
  49. </div>
  50. </body>
  51. </html>


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;
}