| Autor | Zpráva | ||
|---|---|---|---|
| HamStet Profil * |
#1 · Zasláno: 25. 7. 2008, 10:42:05
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 zakázku</li>
<li>Regulace motorů a ventilátorů</li>
<li>Řízení pro lepicí a balicí stroje</li>
<li>Vzduchotechnika a 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 * |
#2 · Zasláno: 25. 7. 2008, 19:04:39
zkus vypnout position:relative u body.
|
||
| Bubák Profil |
#3 · Zasláno: 25. 7. 2008, 20:41:35
ul.menublok {margin-top: 0;}
|
||
|
Časová prodleva: 3 dny
|
|||
| HamStet Profil * |
#4 · Zasláno: 28. 7. 2008, 11:11:26
2 AdamC:
Děkuju, zabralo to. |
||
|
Časová prodleva: 16 let
|
|||
0