Autor | Zpráva | ||
---|---|---|---|
ttom Profil * |
#1 · Zasláno: 22. 10. 2007, 18:06:59
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 |
#2 · Zasláno: 22. 10. 2007, 18:08:38
ttom
Ukaž kód. |
||
ttom Profil * |
#3 · Zasláno: 22. 10. 2007, 18:12:31
<!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 |
#4 · Zasláno: 22. 10. 2007, 18:14:28 · Upravil/a: AlešD
|
||
ttom Profil * |
#5 · Zasláno: 22. 10. 2007, 18:18:30
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 |
#6 · Zasláno: 22. 10. 2007, 18:25:41
ttom
left: -5 jakých jednotek? px, %, em? a co je prosím tohle <base target="hlavniram"> v sekci HEAD? |
||
ttom Profil * |
#7 · Zasláno: 22. 10. 2007, 18:34:34
<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 |
#8 · Zasláno: 22. 10. 2007, 18:51:13
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 |
#9 · Zasláno: 22. 10. 2007, 20:55:31
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 |
||
Časová prodleva: 17 let
|
0