Špatné zobrazení loga v ie
Ahoj, děláme s kámošem na stránkách v html přes ftp, každopádně ani jeden z nás není v dané problematice moc zkušený. Dnes sem narazil na problém, který se týká špatného zobrazovaní loga našich stránek v ie. Stránky sou - payday2.cz a náš index.html soubor zatím vypadá takto:
<!DOCTYPE html>
<html>
<head>
<meta name="google-site-verification" content="amCG4f93kHcCwZDVGW0fRcs1rswQr6NBxkZDLJIyP7Q" />
<title>Payday 2</title>
<link rel="shortcut icon" href="icona.ico">
<meta name="description" content=Tato stránka je pro èeskou komunitu hrající Payday. Na tìchto webových stránkách se vám
pokusíme objasnit stealth, zbranìy rùzné styly hraní a poradit s problémy, které se vm ve høe Payday vyskytnou.>
<meta name="author" content=Tyto webové stránky vlastní a spravují Fanteria a Raymond.>
<meta http-equiv="content-language" content=cs>
<link rel="stylesheet" href="vlastnosti.css" type="text/css" />
</head>
<body bgcolor="blue" bgproperties="fixed" text="white" marginwidth="22%">
<div style="width: 85%;">
<div style="width: 850px; margin-left: auto; margin-right: auto">
<div class="top">
<img src="hlavicka.png" width="900" height="auto" align="right">
</div>
<div class="top-banner"><br><br><h1>Úvod</h1></div>
<div class="column">
<div class="left-column">
<nav>
<ul>
<li class="aktivni"><p class="menupismo"><a href="#">Úvod</a></p></li>
<li><p class="menupismo"><a href="Mise.html">Mise</a></p></li>
<li><p class="menupismo"><a href="Vybaveni.html">Vybavení</a></p></li>
<li><p class="menupismo"><a href="Charaktery.html">Charaktery</a></p></li>
<li><p class="menupismo"><a href="Novinky.html">Novinky</a></p></li>
<li><p class="menupismo"><a href="Payday.html">Payday 1</a></p></li>
<li><p class="menupismo"><a href="Fotoalbum.html">Fotoalbum</a></p></li>
<li><p class="menupismo"><a href="Kontakt.html">Kontakt</a></p></li>
<li><p class="menupismo"><a href="/phpBB3/index.php">Fórum</a></p></li>
</nav>
</div>
<div class="right-column">
<p>
<br>
Na úvod by jsme si povìdìli nìco o Payday. Nìkteøí lidé charakterizovali Payday:
The heist jako Left4dead v bance. Pro první díl Payday to byl docela výstižný popis,
protože ve vìtšinì misí vám nezbývalo než vytáhnout samopal a prostøílet
se zkrz mraèna policejních jednotek. Ve druhémdíle se studio overkill více zamìøilo na velice
zajímavou èást hry, která byla v prvním díle Payday sice možná, ale velice obtížná
a touto složkou hry je stealth. Díky tomu, že v Payday 2 je stealth velice øeknìme zjednodušen,
ve skuteènosti je to spíš tak, že již nemusíte sebou mít 4 lidi, kteøí velice dobøe hrají
Payday ale vystaèíte si sám, popøípadì s jedním nebo
dvìma pøáteli. Nìco o tom jak stealtit si mužete pøeèíst
<a href="www.payday2.cz-stealth.html">zde</a>.
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</p>
</div>
</div>
<div class="bottom">
<hr>
Copyright © 2014 Payday2.cz. Veškerý obsah webu spadá pod autorský zákon.
Majitelé a správci stránek "Raymond" "Fanteria".
Dále dìkujeme:AKA Fíla
</div>
</div>
</div>
</body>
</html>
.podtext{background-color: rgba(0,0,0,0.7);" align="justify; border: 1px white;
border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
color:white;}
.pozadi{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -5000; attachment: fixed}
body{margin: 10px; padding: 0px; font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-size: 14px; color: rgb(255,255,255);
background-color: #FFFFFF; min-wigth 850pxbody; background: url('pozadi.jpg') top center no-repeat; background-attachment: fixed}
.top{width: 950px; height: 100px}
.top-banner {width: 468px; height: 200px; margin-top: 5px; margin-left: 320px}
.column {width: 950px; margin-top: 5px}
.left-column {text-align: left; float: left; width: 200px; height: 850px; background-color: rgbargb(0, 0, 0) transparent}
.right-column {float: right; width: 750px; height: auto; min-height: 850px; background-color: rgba(0,0,0,0.7); align="justify; border: 1px white;
border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; color:white;}
.bottom {width: 750px; height: 40px; margin-top: 5px; margin-left: 200px; background-color: background-color: rgbargb(0, 0, 0) transparent; clear: both}
a:link {color: white}
a:visited {color: white}
a:active {color: wihite}
h1 {color: white; text-align: center;font-size: 2.7em}
.menupismo {colo: white; font: 14pt Arial; text-align: left}
nav ul {margin: 0px; list-style-type: none}
nav ul li {float: left; padding: 0px 25px; margin: 0 5px; font-size: 17px; height: 62px; line-height: 4.3em}
nav a {color: white; text-decoration: none}
nav ul li:hover, .aktivni {background-image: -o-linear-gradient(left, rgba(36,129,201,0.6), rgba(80,180,255,0.6));
background-image: -ms-linear-gradient(left, rgba(36,129,201,0.6), rgba(80,180,255,0.6));
background-image: -moz-linear-gradient(left, rgba(36,129,201,0.6), rgba(80,180,255,0.6));
background-image: -webkit-linear-gradient(left, rgba(36,129,201,0.6), rgba(80,180,255,0.6));
background-image: linear-gradient(left, rgba(36,129,201,0.6), rgba(80,180,255,0.6));
transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-webkit-transition: all 0.25s ease-out;
background-size: 1000px 10px;
-moz-background-size: 1000px 10px;
-o-background-size: 1000px 10px;
-webkit-background-size: 1000px 10px;
background-size: 1000px 10px;
width: 100px;
margin: 0px 10px;
height: 55px;
color: black;
border-radius: 10px;
border: 1px white;
position: relative;
cursor: pointer;}
button:hover, input[type=button]:hover {
background-position:-140px;
width:140px;
margin: 0px;
border-top-left-radius:10px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:0px;
color:white;}
button:active, input[type=button]:hover {
color:black;}}
Předem děkuji za odpovědi