Autor Zpráva
HamStet
Profil *
Zdravím přítomné a prosím o radu.

Na webu vlacek.hoa.cz mám v FF2 i FF3 hlavičku posunutou o cca 10px dolů - tmavý pás by měl začínat hned nahoře. V MSIE 6 i 7 je to v pořádku. Přitom celá hlavička je absolutně pozicovaná na 0 0 a nástroj FF, který umí zobrazit styly pod kurzorem, v tom prázdném pruhu ukazuje jen HTML - no style.

Tady je CSS:
body {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  position: relative;
  line-height: 1.33;
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
  color: #000066;
  background-color:#F4F4FF;
  }
#zahlavi {
  position: absolute;
  top: 0;
  left: 0;
  background: url("../pict/base/lista24.png") 0 0 repeat-x;
  width: 100%;
  height: 110px;
  }
#zahlavi2 {
  position: relative; 
  margin: 30px auto 0 auto;
  min-width: 600px;
  max-width: 780px;
  height:80px;
  text-align: left;
  }


a tady je xhtml (zkráceně):
<?xml version="1.0" encoding="windows-1250"?>
<!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="cz" lang="cz">

<head>
  <title>Elektronika VláČek</title>
  <link href="styles/st1.css" rel="stylesheet" type="text/css" media="all" />
  <!--[if lt IE 7 ]>
    <link href="styles/st1ie6.css" rel="stylesheet" type="text/css" media="all" />
  <![endif]-->
</head>

<body>
<div id="zahlavi">
  <div id="zahlavi2">
    <a href="index.php"><img src="pict/base/logoh.png" alt="VláČek - zakázková elektronika" width="260" height="80" /></a>
    <ul id="hesla">

      <li>Řídící elektronika na&nbsp;zakázku</li>
      <li>Regulace motorů a&nbsp;ventilátorů</li>
      <li>Řízení pro lepicí a balicí stroje</li>
      <li>Vzduchotechnika&nbsp;a&nbsp;klimatizace</li>
      <li>Průmyslová automatizace</li>

    </ul>
  </div>
</div>

<div class="menubar">
  <ul class="menublok">
    <li id="menupos0">Úvod</li>
    <li id="menupol1"><a href="index.php?tema=1">O firmě</a></li>
    <li id="menupol2"><a href="index.php?tema=2">Produkty</a></li>
    <li id="menupol3"><a href="index.php?tema=3">Kontakty</a></li>
  </ul>
</div>

<div class="telobox">

</div>

</body>
</html>


Koukám do toho už dlouho a nemám žádný nápad.
AdamC
Profil *
zkus vypnout position:relative u body.
Bubák
Profil
ul.menublok {margin-top: 0;}
HamStet
Profil *
2 AdamC:
Děkuju, zabralo to.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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