| Autor | Zpráva | ||
|---|---|---|---|
| hopus Profil * |
#1 · Zasláno: 24. 2. 2010, 22:43:49
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 |
#2 · Zasláno: 25. 2. 2010, 22:21:02
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ě. |
||
|
Časová prodleva: 14 let
|
|||
0