Autor | Zpráva | ||
---|---|---|---|
MareX Profil * |
#1 · Zasláno: 7. 9. 2008, 13:28:22
Zdravím, lidičky.
Už asi 3 hodiny se trápím s jednou věcí. Mám takový CSS: body { font-family: Verdana; font-size: 12px; background-color: rgb(20,20,20); color: rgb(78,78,78); } .mainPage { width: 999px; margin-left: auto; margin-right: auto; } .logo { width: 999px; margin-bottom: -2px; } .mainMenu { height: 26px; background: transparent url('img/menu.gif') left top no-repeat; padding-top: 1px; } div.topBanner { height: 90px; padding: 1px 0px 0px 0px; border: 1px solid rgb(50,50,50); border-width: 0px 1px; } .subMenu { height: 13px; background: transparent url('img/podmenu.gif') center top no-repeat; } .panel1 { height: 17px; background: transparent url('img/panel.gif') center top no-repeat; } td.tdMainMenu { /*border: 1px solid rgb(255,255,255);*/ } td.tdMainMenu a { display: block; background: transparent none; text-decoration: none; } td.tdMainMenu a:hover { display: block; background: transparent url('img/menu-select.gif') center top repeat-x; } A takové HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-language" content="cs"> <meta name="generator" content="PSPad editor, www.pspad.com"> <link rel="stylesheet" href="style.css" type="text/css"> <title>Spojka wow server</title> </head> <body> <center> <div class="mainPage"> <div class="logo"> <img src="img/header.gif" alt="wow server" border="0" style="margin: 0px;"> </div> <div class="mainMenu"> <table cellspacing="1" cellpadding="0" align="center"> <tr> <td> </td> <td class="tdMainMenu" width="66"> <a href="#"> </a> </td> <td class="tdMainMenu" width="48"> <a href="#"> </a> </td> <td class="tdMainMenu" width="53"> <a href="#"> </a> </td> <td class="tdMainMenu" width="64"> <a href="#"> </a> </td> <td class="tdMainMenu" width="84"> <a href="#"> </a> </td> <td class="tdMainMenu" width="50"> <a href="#"> </a> </td> <td class="tdMainMenu" width="78"> <a href="#"> </a> </td> <td class="tdMainMenu" width="59"> <a href="#"> </a> </td> <td class="tdMainMenu" width="65"> <a href="#"> </a> </td> <td class="tdMainMenu" width="99"> <a href="#"> </a> </td> <td> </td> </tr> </table> </div <div class="topBanner"> <div class="subMenu"> </div> </div> <div class="panel1"> </div> </div> </center> </body> </html> Zde je prozatímní výsledek: http://esuba.marextafl.cz Ve FF je všechno v pořádku, ale v IE a Opeře mi nebere ohled na zadanou výšku div.topBanner a u toho samého elementu nevykresluje border. Může mi někdo, prosím, vysvětlit, co mám špatně? Já už jsem z toho fakt docela na nervy, protože ve stylu a ani v HTML nic špatného nevidím :( Předem díky! |
||
Časová prodleva: 16 let
|
0