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:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="pl" /> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div id="header"> <div class="logo"> </div> </div> <div id="content"> <div id="adbox"> <a href="glos.php"> <div class="rg" onmouseover="java script:this.style.backgroundColor='#999966';" onmouseout="java script:this.style.backgroundColor='#cccc99';" > </div> </a> <div class="c"> </div> <a href="tekst.php"> <div class="rt" onmouseover="java script:this.style.backgroundColor='#999966';" onmouseout="java script:this.style.backgroundColor='#cccc99';"> </div> </a> </div> </div> <div id="footer"> <div class="clearfix"> <div id="connect"> </div> </div> </div> </body> </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;
}