Autor Zpráva
ttom
Profil *
mám stránky a v IE se zobrazují tak jak mají a v Opeře se otevírají úplně stejně jen jedna věc je posunutá ... čím to může být?
Manq
Profil
ttom
Ukaž kód.
ttom
Profil *
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Jantour</title>
<script type="text/javascript">
<!--
function upravVysku(vyska){
document.getElementById("frame").style.height = vyska + 'px';
}
//-->
</script>
<style type="text/css">

.menu
{
padding: 1;
margin: 0;
z-index: 1;
}

.menu a
{
text-decoration: none;
color: white;
display: block;
width: 100%;
text-align: center;
z-index: 3;
}

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
padding: 0 .5em;
}

ul.uroven1 li.polozka1
{
float: left;
position: relative; left: -5; top: 6.4em;
font-weight: bold;
height: 50px !important;
line-height: 50px;
background: #fff url('data/pozadi.gif') 0 0 repeat-x;
padding: 0 .0em;
height: 1em;
_width: 1px;/* IE */
}

ul.uroven2
{
position: absolute;
line-height: 100%;
left: 30;
top: 34px;
width: 100px;
background: url('data/pozadi.gif') 0 0 repeat-y;
visibility: hidden;
padding: .3em .5em;
border-bottom: solid #069 0px;

}

ul.uroven2 img
{
border: solid #368 0px;
}

ul.uroven2 li.polozka2 a
{
font-family: Eras Demi ITC;
font-weight: normal;
text-align: left;
padding: 0 .5em .1em;
margin: 0 -.5em;
}


.menu a:hover
{
text-decoration: underline;
}

ul.uroven2 li.polozka2 a:hover
{
color: #d44;
background: #eee;
}

ul.uroven1 li.polozka1
{
behavior: url(data/hovermenu.htc);
z-index: 1;
}

ul.uroven1 li.polozka1:hover,
ul.uroven1 li.polozka1Hover
{
background: #fff url('86-1.png') 0 -0px repeat-x;
}

ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}
</style>
<style type="text/css">


.more {position: absolute; top: 0; left: 0}
.telo {position: absolute; top: 160; left: 2}
.tab {position: absolute; top: 100; left: 2; width:195; background-image: url("data/menu.bmp") }
.tab2 {position: absolute; top: 172; right: 2; z-index: 0}
.tab3 {position: absolute; top: 162; left: 2; z-index: 0}
.nic {position: absolute; top: 118; left: 680 ; z-index: 2}
.nic1 {position: absolute; top: 118; left: 490 ; z-index: 2}
.nic2 {position: absolute; top: 118; left: 280 ; z-index: 2}
.nic3 {position: absolute; top: 118; left: 90 ; z-index: 2}
.nic4 {position: absolute; top: 118; left: 2 ; z-index: 2}
.nic5 {position: absolute; top: 118; left: 830 ; z-index: 2}
.logo {position: absolute; top: 12; left: 3 ; z-index: 2}
.snami {position: absolute; top: 35; right: 15 ; z-index: 2}
p {background-color: white; color: black; font-family: "arial"; font-size: "14"; position: relative; left: 15}
body {font-family: arial;}
</style>
<base target="hlavniram">
</head>

<body>

<img src="data/logobig.gif" class="logo" alt="logo design" width="150"/>
<img src="data/snami.gif" class="snami" alt="logo design"/>


<img src="data/more.jpg" class="more" width="100%" alt="more"/>

<img src="data/tl_nic.gif" class="nic" alt="nic" width="30" height="42"/>

<img src="data/tl_nic.gif" class="nic1" alt="nic" width="30" height="42"/>
<img src="data/tl_nic.gif" class="nic2" alt="nic" width="30" height="42"/>
<img src="data/tl_nic.gif" class="nic3" alt="nic" width="25" height="42"/>
<img src="data/tl_nic.gif" class="nic4" alt="nic" width="15" height="42"/>
<img src="data/tl_nic.gif" class="nic5" alt="nic" width="30" height="42"/>

<iframe id="frame" src="data/hlavniram.htm" class="telo" height="1830" width="99%" name="hlavniram"/></iframe>


<ul class="menu uroven1">
<li class="polozka1">
<a href="data/onas.htm"><img src="data/tl_onas.gif" alt="Onás" border="0" class="poz"/></a>
<ul>
</ul>
</li>
<li class="polozka1">
<a href="data/hlavniram.htm"><img src="data/tl_pobyt.gif" alt="Pobytové zájezdy" border="0" class="fot"/></a>
<ul class="menu uroven2">
<li class="polozka2"><a href="data/leptokaria.htm">Leptokaria</a></li>
<li class="polozka2"><a href="data/neipori.htm">Nei-Pori</a></li>
<li class="polozka2"><a href="data/evia.htm">Evia</a></li>
<li class="polozka2"><a href="data/dudince.htm">Dudince</a></li>
<li class="polozka2"><a href="data/dudince/silvestr.htm">Silvestr</a></li>
<li class="polozka2"><a href="data/lyze.htm">Paganela</a></li>
</ul>
</li>
<li class="polozka1">
<a href="data/hlavniram.htm"><img src="data/tl_pozn.gif" alt="poznávací zájezdy" border="0" class="reg"/></a>
<ul class="menu uroven2">
<li class="polozka2"><a href="data/viden.htm">Viden</a></li>
<li class="polozka2"><a href="data/krakow.htm">Krakow</a></li>

<li class="polozka2"><a href="data/holandsko.htm">Holandsko</a></li>
</ul>
</li>
<li class="polozka1">
<a href="data/provizni_prodej.htm"><img src="data/tl_prodej.gif" alt="Provizní prodej" border="0" class="log"/></a>
<ul>
</ul>
</li>
<li class="polozka1">
<a href="data/hlavniram.htm"><img src="data/tl_foto.gif" alt="fotogalerie" border="0" class="kon"/></a>
<ul class="menu uroven2">
<li class="polozka2"><a href="data/foto_lept.htm">Leptokarie</a></li>
<li class="polozka2"><a href="data/foto_neipori.htm">Nei-Pori</a></li>
<li class="polozka2"><a href="data/foto_paganela.htm">Paganela</a></li>
</ul>
</li>
<li class="polozka1">
<a href="data/kontakt.htm"><img src="data/tl_kontakt.gif" alt="Kontakt" border="0" class="kon"/></a>
<ul>
</ul>
</li>

<li class="cl"></li>
</ul>
<table summary="" class="tab2">
<tr>
<td><a href="data/hlavniram.htm"><img src="data/tl_home.gif" alt="Kontakt" border="0" class="kon"/></a> </td>
</tr>
<tr>
<td><a href="data/stahuj.htm"><img src="data/tl_stahuj.gif" alt="Kontakt" border="0" class="kon"/></a> </td>
</tr>
<tr>
<td><a href="data/registrace.htm"><img src="data/tl_registrace.gif" alt="Kontakt" border="0" class="kon"/></a> </td>
</tr>
<tr>
<td><a href="data/php/login.php"><img src="data/tl_login.gif" alt="Kontakt" border="0" class="log"/></a> </td>
</tr>
</table>
<table summary="" class="tab3">
<tr>
<td><a href="data/last.htm"><img src="data/tl_last.gif" alt="Kontakt" border="0" class="las"/></a> </td>
</tr>
<tr>
<td><a href="data/nasi_prodejci.htm"><img src="data/tl_prodejci.gif" alt="Kontakt" border="0" class="las"/></a> </td>
</tr>
</table>

</body>
</html>
AlešD
Profil
Že by Box model? Ale bez kódu opravdu těžko říct.

Pozdě, kód už tady je :-).
ttom
Profil *
float: left;
position: relative; left: -5; top: 6.4em;
font-weight: bold;
height: 50px !important;
line-height: 50px;
background: #fff url('data/pozadi.gif') 0 0 repeat-x;
padding: 0 .0em;
height: 1em;
_width: 1px;/* IE */



tohle bude asi problém ale jak to změnit netuším :-/
AlešD
Profil
ttom

left: -5 jakých jednotek? px, %, em?

a co je prosím tohle <base target="hlavniram"> v sekci HEAD?
ttom
Profil *
<base target="hlavniram"> todle mi někdo poradil...
a těma pixelama to není, však je to na jantour.cz tak kdyžtak si to zkus otevřít v IE a v opeře a uvidíš
AlešD
Profil
pro operu a ff tam zkus dát min-heght: 50px; nebo tak nějak, ale nevím.

Být tebou tak zkusím znova projít celé HTML a CSS a pokusit se to zjedodušit, je to dost, no, nepřehledné.
Bubák
Profil
Jak už psal AlešD, v CSS ti u čísel chybí jednotky. V CSS, na rozdíl od HTML, u hodnot, s výjimkou nuly musíš prát jednotky. Jinak IE ti to pak bere jako px a jiné prohlížeče takovou hodnotu ignorují.

www.jakpsatweb.cz/html/jednotky.html
www.jakpsatweb.cz/css/css-jednotky.html

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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