Autor Zpráva
cyph3r
Profil
Screenshot v Opeře (stejně se zobrazuje v IE): http://img208.imageshack.us/my.php?image=j2wv8.jpg
Screenshot ve FireFoxu: http://img208.imageshack.us/my.php?image=98913710ss8.jpg

Ve FireFoxu mi to ingnoruje spany jakoby "druhýho řádku" (s class "header_row2_něco"). Netušíte někdo proč?


HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{title}</title>
<link href="{style}" rel="stylesheet" type="text/css" />

</head>

<body bgcolor="#000000">
<div class="main" id="centred">
<div class="header_row1"></div>
<span class="header_row2_left"></span><a href="index.php"><span class="header_row2_home"></span></a><a href="servery.php"><span class="header_row2_servery"></span></a><a href="kontakty.php"><span class="header_row2_kontakty"></span></a><a href="forum.php"><span class="header_row2_forum"></span></a><span class="header_row2_right"></span>
<div class="header_row3"></div>
</div>
</body>
</html>


CSS:

/*-----HLAVNI-----*/

html, body {
height: 100%;
margin: 0px;
padding: 0px;
color: #000000;
text-align: center;

}
.main {
top: 0px;
bottom: 0px;
height:100%;
width: 876px;
margin: 0 auto; /* align for good browsers */
text-align: left; /* counter the body center */
border: 1px solid #FFFFFF;

}
img {
margin: 0px;
padding: 0px;
}


/*-----HLAVICKA-----*/

.header_row1 {
background-image: url(images/header_1.jpg);
width: 100%;
height: 209px;
}



.header_row2_left {
display: inline-block;
height: 39px;
width:459px;
padding: 0px;
margin: 0px;
background-image: url(images/header_2_01.png);



}
.header_row2_home {
display: inline-block;
height: 39px;
width: 78px;
padding-left: 0px;
margin-left: 0px;
background-image: url(images/header_2_02.png);

}
.header_row2_servery {
display: inline-block;
height: 39px;
width: 95px;
padding-left: 0px;
margin-left: 0px;
background-image: url(images/header_2_03.png);

}
.header_row2_forum {
display: inline-block;
height: 39px;
width: 78px;
padding-left: 0px;
margin-left: 0px;
background-image: url(images/header_2_04.png);

}
.header_row2_kontakty {
display: inline-block;
height: 39px;
width: 112px;
padding-left: 0px;
margin-left: 0px;
background-image: url(images/header_2_05.png);

}
.header_row2_right {
display: inline-block;
height: 39px;
width: 54px;
padding-left: 0px;
margin-left: 0px;
background-image: url(images/header_2_06.png);

}

.header_row3 {
background-image:url(images/header_3.png);
height: 153px;
}
Gappa
Profil
Firefox prozatím neumí display: inline-block. Použij float.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: