Autor Zpráva
Miky.k
Profil *
http://hp-kingdom.wz.cz/
Ahoj, mohl by mi, prosím, někdo poradit, proč se náš web nezobrazuje v IE? Nemůžu najít chybu, v mozille jede výborně...

HTML:

<html>
<head>
<title>Kingdom of Harry Potter</title>

<meta name="keywords" content="Harry Potter, Hermiona Granger, Ron Weasley, Deathly Hallows, Fénixův Řád, Order of the Phoenix, Rowling, Radcliffe, Watson, Grint, Snape, Brumbál, Hogwarts, Bradavice">


<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">
<link rel="STYLESHEET" type="text/css" href="style.css">
<script type="text/javascript" src="menu.js"></script>
</head>

<body topmargin="0">
<div class="obal" align="center">

<div class="head">
<!-- ImageReady Slices (layout_rozr.psd) -->
<table id="Table_01" width="1100" height="1201" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
<img src="obrazy/header.jpg" width="1100" height="318" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="obrazy/nadpisy.jpg" width="1100" height="39" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="obrazy/vlevo.jpg" width="72" height="153" alt=""></td>
<td>
<a href="?page=cutenews/show_news">
<img src="obrazy/home.jpg" srcover="obrazy/homeh.jpg" width="101" height="29" border="0" alt=""></a></td>
<td colspan="2" rowspan="3">
<img src="obrazy/layout_rozr_05.jpg" width="102" height="85" alt=""></td>
<td>
<a href="?page=extra/extra">
<img src="obrazy/extra.jpg" srcover="obrazy/extrah.jpg" width="99" height="29" border="0" alt=""></a></td>
<td colspan="2" rowspan="3">
<img src="obrazy/layout_rozr_07.jpg" width="726" height="85" alt=""></td>
</tr>
<tr>
<td>
<a href="?page=www/www">
<img src="obrazy/www.jpg" srcover="obrazy/wwwh.jpg" width="101" height="29" border="0" alt=""></a></td>
<td>
<a href="?page=media/media">
<img src="obrazy/media.jpg" srcover="obrazy/mediah.jpg" width="99" height="29" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="?page=potter/potter">
<img src="obrazy/potter.jpg" srcover="obrazy/potterh.jpg" width="101" height="27" border="0" alt=""></a></td>
<td>
<a href="?page=graphic/graphic">
<img src="obrazy/graphic.jpg" srcover="obrazy/graphich.jpg" width="99" height="27" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="2">
<a href="?page=filmsbooks/filmsbooks">
<img src="obrazy/filmsbooks.jpg" srcover="obrazy/filmsbooksh.jpg" width="138" height="32" border="0" alt=""></a></td>
<td rowspan="2">
<img src="obrazy/layout_rozr_13.jpg" width="65" height="68" alt=""></td>
<td colspan="2">
<a href="?page=interactive/interactive">
<img src="obrazy/interactive.jpg" srcover="obrazy/interactiveh.jpg" width="125" height="32" border="0" alt=""></a></td>
<td rowspan="2">
<img src="obrazy/layout_rozr_15.jpg" width="700" height="68" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="obrazy/layout_rozr_16.jpg" width="138" height="36" alt=""></td>
<td colspan="2">
<img src="obrazy/layout_rozr_17.jpg" width="125" height="36" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="obrazy/pozadi.jpg" width="1100" height="690" alt=""></td>
</tr>
<tr>
<td>
<img src="obrazy/Oddělovač.gif" width="72" height="1" alt=""></td>
<td>
<img src="obrazy/Oddělovač.gif" width="101" height="1" alt=""></td>
<td>
<img src="obrazy/Oddělovač.gif" width="37" height="1" alt=""></td>
<td>
<img src="obrazy/Oddělovač.gif" width="65" height="1" alt=""></td>
<td>
<img src="obrazy/Oddělovač.gif" width="99" height="1" alt=""></td>
<td>
<img src="obrazy/Oddělovač.gif" width="26" height="1" alt=""></td>
<td>
<img src="obrazy/Oddělovač.gif" width="700" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</div>

<div class="ta">
<? include('ta.php')?>
</div>


<div class="gallery">
<? include('gallery.php')?>
</div>

<div class="sloupek">
<? include('sloupek.php')?>
</div>
<div class="sloupek2">
<? include('sloupek2.php')?>
</div>


<div class="obsah">

<?php
$page=$_GET["page"];
$dir="";
$number=6;
$uvodni="cutenews/show_news.php";
if ($page) {
if (file_exists($dir.$page.".php"))
include($dir.$page.".php");
else { include $dir."404.php"; }
}
else {
include ($dir.$uvodni);
}
?>


</div>
<div class="paticka"><img src="obrazy/paticka.jpg"></div>
</div>


<div style="margin-top: 3000px; clear: both">
<!--WZ-REKLAMA-1.0--><!--WZ-REKLAMA-1.0--><!--WZ-REKLAMA-1.0IZ--><div align="center"><table width="496" border="0"
cellspacing="0" cellpadding="0"><tr><td><a href="http://www.webzdarma.cz/"><img
src="http://i.wz.cz/banner/nudle03.gif" width="28" height="60"
style="margin: 0; padding: 0; border-width: 0" alt="WebZdarma.cz" /></a></td><td>
<script type="text/javascript">
<!-- /* (c) 2001 AdCycle.com All Rights Reserved.*/
var id=266; var jar=new Date();var s=jar.getSeconds();var m=jar.getMinutes();
var flash=s*m+id;var cgi='http://ad.wz.cz';
var p='<iframe src="'+cgi+'/ad.cgi?gid=15&amp;t=_top&amp;id='+flash+'&amp;type=iframe " ';
p+='height="60" width="468" border="0" marginwidth="0" marginheight="0" hspace="0" ';
p+='vspace="0" frameborder="0" scrolling="no">';
p+='<a href="'+cgi+'/click.cgi?gid=15&amp;id='+flash+'" target="_top">';
p+='<img src="'+cgi+'/ad.cgi?gid=15&amp;id='+flash+'" width="468" height="60" ';
p+='border="0" alt="Klikni" /></'+'a></'+'ifra'+'me>'; document.write(p); // -->
</script><noscript><div><a href="http://ad.wz.cz/click.cgi?gid=15&amp;id=266"><img
src="http://ad.wz.cz/ad.cgi?gid=15&amp;id=266"
width="468" height="60" style="margin: 0; padding: 0; border-width: 0" alt="Klikni" /></a></div></noscript>
</td></tr></table></div>
<!--WZ-REKLAMA-1.0IK-->
</div>
</body>

<A HREF="http://counter.cnw.cz/" TARGET=_parent><IMG SRC="http://counter.cnw.cz/invisible.cgi?hpkingdom&on" ALT="[CNW:Counter]" BORDER=0></A>


CSS:


/* Cutenews začátek */

.avatar {
float: left;
padding-right: 4px;
padding-bottom: 4px;
}


.info {
clear: both;
text-align: right;
margin-top: 20px;

}

.commentfor
Miky.k
Profil *
/* Cutenews začátek */

.avatar {
float: left;
padding-right: 4px;
padding-bottom: 4px;
}


.info {
clear: both;
text-align: right;
margin-top: 20px;

}

.commentform {
margin-top: 10px;

}


.short{

}
.full{

}

.news {
margin-bottom: 30px;
text-align: left;
}
/* Cutenews konec */


/* Hlavní části začátek */

body {
background-color: #A3FF3C;
text-align: center;
font-size: 11px;
font-family: tahoma;
color: #FFEDF6; }
.obal {
margin: 0 auto;
width: 1100px;
text-align: left;
position: relative;
height: 3000px;
background-image: url('obrazy/bg.jpg');}

.sloupek {
background-color: transparent;
width: 170px;
margin-left: 60px;
height: 2300px;
top: 500px;
float: left;
position: absolute; }
.sloupek2 {
background-color: transparent;
width: 180px;
margin-left: 855px;
height: 2300px;
top: 500px;
float: right;
position: absolute; }
.obsah {
background-color: transparent;
width: 580px;
margin-left: 250px;
position: absolute;
top: 500px;
text-align: center;
}


.obsah img {
padding: 2px; }

.paticka {
position: absolute;
left: 0px;
overflow: hidden;
width: 100%;
bottom: 0px;

}


.gallery {
position: absolute;
width: 290px;
height: 120px;
float: right;
top: 360px;
margin-left: 730px;
background-color: transparent;
overflow: hidden;
display: table;
#position: relativ;

}


.ta {
position: absolute;
width: 170px;
height: 120px;
float: right;
top: 360px;
margin-left: 535px;
background-color: transparent;
overflow: auto;
text-align: center;
}


.guvnitr {
_position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
}


/* Hlavní části konec */



/* Nadpisy začátek */

h2 {
font-size: 13px;
font-family: tahoma;
text-transform: uppercase;
color: #A3FF3C;
background-image: url('obrazy/h2.jpg');
background-repeat: no-repeat;
height: 30px;
padding-left: 34px;
padding-top: 6px;
}


h2:first-letter {
font-size: 19px;
color: #FCE41A
}


/* Nadpisy konec */




/* Odkazy začátek */


a {
color: #B8FD93;
font-weight: bold; }


a:hover {
cursor: default;
border-bottom: 0px;
color: #5AC128; }


a img {
text-decoration: none;
border: none;
}

a:hover img {
text-decoration: none;
color: #FFEDF6;
}

.gallery a img {
text-decoration: none;
border: none;
padding: 5px;
}


.ta img { }


/* Odkazy konec */




/* Písma a odstavce začátek */


u {
color: #B8FD93;
border-bottom: 1px solid #FCE41A;
font-weight: bold; }


b {
color: #FCE41A;
}
.polozka1 {
margin-top: 3px;
padding-left: 3px;
padding-top: 3px;
width: 540px;
text-align: left;
background-color: transparent;
height: 35px;
padding-bottom: 3px;
border-bottom: 1px solid #5AC128;
}

.polozka2 {
padding-left: 3px;
margin-top: 3px;
padding-top: 3px;
width: 540px;
text-align: left;
background-color: transparent;
height: 35px;
padding-bottom: 3px;
border-bottom: 1px solid #FCE41A;
}

/* Písma a odstavce konec */
Matty
Profil
Miky.k
Zobrazuje (IE7).
ladik
Profil
Miky.k
Asi tam něco nepatří...
.gallery {
position: absolute;
width: 290px;
height: 120px;
float: right;
top: 360px;
margin-left: 730px;
background-color: transparent;
overflow: hidden;
display: table;
#position: relativ;
}
Afrod
Profil
IE6 taky zobrazuje
peta
Profil
Miky.k
mozna by bylo dobre priste dat odkaz na stranku. v te strance uz obvykle odkaz na css / js dohleda, clovek
jinymi slovy, kdyz mu napises, ze je problem v css, asi a jak jsi na to prisel. Davat sem tuny textu postrada logiku.

pak by bylo fajn popsat problem konkretne. Ze nekde neco nejak nefunguje, to muze znamenat, ze v pravem dolnim rozku se ma zobrazit cervena tecka a zobrazi se bila. Jak to ma clovek pak najit?

jak se hleda chyba?
- v prvni rade si udelej kopii kodu do jineho souboru
- pak odstran vse, co neni html, cili JS / CSS a pod
kdyz das stranku ted zobrazit, je vse ok?
rekneme, ze ano
- pridas CSS
je ted vse ok?
rekneme, ze ano
- CSS das zas pryc a pridas JS
je ted vse ok?
pokud je vse ok, pak pridas i CSS
je ted vse ok?
pak neni problem.

v pripade, ze neco ok nebylo, pak uz vis, ktere z toho dela problem a v tom je treba hledat chybu.
zpusob je opet podobny, ukazi na css
je problem v css. udelam si zalozni kopii, cely kod smazu (zkusenejsi smaze posledni pridane radky, ktere ma obvykle na konci) a postupne pridavam. Tak se dozvis, po pridani ceho problem vznika a mozna se ti podari jej odstranit.
Pak jsou specialni problemy diky provazanosti na nekterych veci, ktere se objevuji diky jinym castem, ale vzniknou po pridani te posledni. Ty se pak dohledavaji hur.


position: absolute;
float: right;

nejhorsi vec, co dela v ie hodne problem je propojit position a float v jednom prvku, pripadne staci obecne propojit kdekoliv na strance.
vsechny position a float zakomentuj a pak, jestli se ti stranka zobrazi, je to ono.
zrovna to je prave ten zaludny problem, kde to zdanlive nesouvisi a je provazane vys v css.

na w3c.org je html a css validator, objevi zakladni chyby v html a css; pak je mozne resit dalsi veci v html a css, kdyz je tohle ok.
Měsíček
Profil
"w3c.org je html a css validator"

Spíše na *.w3.* ne?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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