Autor | Zpráva | ||
---|---|---|---|
cyph3r Profil |
#1 · Zasláno: 29. 1. 2008, 08:48:45
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 |
#2 · Zasláno: 30. 1. 2008, 16:18:28
Firefox prozatím neumí display: inline-block. Použij float.
|
||
Časová prodleva: 16 let
|
0