| 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: 18 let
|
|||
0