Autor Zpráva
hopus
Profil *
Dobrý večer,
chtěl bych moc poprosit o pomoc se zobrazením webové stránky v prohlížeči IE. Stránky jsem průběžně testoval ve Firefoxu a opeře, protože z nepochopitelného důvodu mi nejede localhost v IE. Po nahrání stránek na zkušební server jsem ale zjistil, že se stránka zobrazuje v IE špatně a to obsah kde by měl být text, jeden jen na půl. Předem děkuji za každou cenou radu proč se tak děje, protože já opravdu nevím. adresa stránky je: www.onoko.cz/laser/index.php.

stránky jsem rozdělil na soubory: index.php, menu.php a uvod.php kde je obsah stránky který se špatně zobrazuje
zdrojové soubory naleznete bud na: www.onoko.cz/laser/laser.txt

nebo je zkusím umístit i sem, snad to nebude moc nesrozumitelné.
css
**********************************************************
 
 body {
 margin: 10px;
 padding: 0px;
 font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif;
 font-size: 14px;
 color: #000000;
 background: url("img/bg.jpg") repeat-x top center;
 text-align: center;
 }
  
 #all {
 width: 900px; /*ąírka layoutu*/
 text-align: left; /*zruąenie vycentrovania textu*/
 margin: 0 auto; /*vycentrovanie v ostatných prehliadačoch*/
 }
 
 #menu{
position:relative;
top:-220px;
left:540px;
 
 }
 
 #content{
 background-position:20% 20%;
 background-color:white;
 height:500px;
 width:650px;
 margin-top:-255px;
 padding:10px;
 color:gray;
 
 }
 
 .jmenovka{
 margin-left:20px;
 }
 
 .posun{
 margin-top:20px;
 }
 
 td.pokus{
 color:white;
 font-weight: bold;
 font-size:15px;
 background: url("img/menu.png") repeat-x top center;
 vertical-align:top;
 text-align:center;
 }
 
 a:active{
 text-decoration:none;
 color:white;
 }

 A:link{
 text-decoration: none;
 color:white;
 }

 A:visited{
 text-decoration: none;
 color:white;
 }
 
 A:active{
 text-decoration: none;
 }

 A:hover{
 font-weight:none;
 color: red;
 }

 .mapa{
 vertical-align:top;
 }
  
 table.footer{
 font-size:9px;
 padding:5px;
 }
 
****************************************************************************
index.php
****************************************************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  <link rel="stylesheet" type="text/css" href="styl.css" />
  <title>Laserové gravírování</title>
  </head>
  <body>
    
    <?php
      //include ('connect.php');
      include ("menu.php");
      include ("vloz.php");
      
    ?>    
  
  </body>
</html>
****************************************************************************
menu.php
****************************************************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  <link rel="stylesheet" type="text/css" href="styl.css" />
  <title>Laserové gravírování</title>
  </head>
  <body>
    
    <div id="all">
      <table cellspacing="0" cellpadding="0">
        <tr>
          <td bgcolor="white" height="40" width="670" >
            <p class="jmenovka"><b>logo</b></p>
          </td>
        </tr>
        <tr>
          <td>
            <img src="img/logo2.jpg" alt="" />
          </td>
        </tr>
      </table>


      <div id="menu">
        <table border="0">
          <tr>
            <td class="pokus" width="190" height="247">
            <p class="posun">
              <a href="index.php?clanek=uvod">Úvodní stránka</a>
              <hr width="140px" />
              <a href="index.php?clanek=info">Informace o produktu</a>
              <hr width="140px" />
              <a href="index.php?clanek=foto">Fotogalerie</a>
              <hr width="140px" />
              <a href="index.php?clanek=kontakt">Kontakt</a>
              <hr width="140px" />
            </p>
            </td>
          </tr>
        </table>
      </div>

    
    </div>
  </body>
</html>
****************************************************************************
uvod.php
****************************************************************************
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  <title>Laserové gravírování - Úvodní stránka</title>
  <link rel="stylesheet" type="text/css" href="css/styl.css" />
</head>

<body>
  <div id="all">   
      <div id="content">       
        <h1>Úvodní stránka</h1>
        <p>
		text
        </p>     
    </div>
    
    <table border="0" width="670px" bgcolor="gray" class="footer">
      <tr>
        <td>
        <a href="index.php?clanek=uvod">Úvodní stránka</a> |
        <a href="index.php?clanek=info">Informace o produktu</a> |
        <a href="index.php?clanek=foto">Fotogalerie</a> |
        <a href="index.php?clanek=kontakt">Kontakt</a>
        </td>
      </tr>
    </table>
  
  </div>
  
</body>

</html>


panther
Profil
hopus:
nebo je zkusím umístit i sem, snad to nebude moc nesrozumitelné.
kopírování kódů sem je zbytečné. Nikdo je procházet nebude. Odkaz hovoří za vše.

Celý ten kód je dost prasárna, ale v IE (nejen 8, ve všech) ti ujíždí nadpis a obsah o 255px nahoru, to je těch -255px u horního marginu, co deklaruješ. Podrobně jsem to nezkoumal, ale nepřišel jsem na to, proč tam tuhle deklaraci máš.

Zároveň odstraň z includovaných souborů to, co tam být nemá (<html>, <body>, <head> a vše mezi ním, <body>, ...) Nech tam jen to, co chceš includovat. PHP fce include funguje stejně, jako bys použil CTRL+C - tam bys taky nepsal podruhé a potřetí tyto tagy, které mají být na stránce jen jednou.

Zároveň si web zkontroluj v IE6 - tam ti nebude fungovat poloprůhledné PNG.

A tip na závěr, který můžeš přeskočit, pokud chceš: menu je dost úzké, při prvním zvětšení písma z něj jednotlivé texty vylezou ven. Bez obrázků ti web zmizí, nikdo z něj nic neuvidí - to se při první návštěvě stalo i mě.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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