19-08-2010, 21:37
Witam, mam problem, tyczy się on Internet Explorera.
Do rzeczy.
Mam strone http://wolle.unl.pl/fnaticteam/ .
W FireFoxie, Google Chrome wyświetla się wszystko dobrze, a w InternetExplorer, ikonka się rozlatuje. Mam nadzieje, że wiecie o co mi chodzi.
kod html:
kod css:
Mam nadzieje, że pomożecie..
Do rzeczy.
Mam strone http://wolle.unl.pl/fnaticteam/ .
W FireFoxie, Google Chrome wyświetla się wszystko dobrze, a w InternetExplorer, ikonka się rozlatuje. Mam nadzieje, że wiecie o co mi chodzi.
kod html:
Kod PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="pl" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Untitled 1</title>
<style type="text/css">
.style1 {
margin-top: 0px;
}
</style>
</head>
<body>
<div id="container">
<div id="top">
<div id="onas">
<div id="button"><img src="images/top/infoprzycisk.png" alt="Button"/></div>
<div id="tresc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, No sea takimata sanctus est Lorem ipsum dolor sit
amet.</div>
</div>
</div>
<div id="menutlo">
<div id="menu">
<ul>
<li><a href="index.php?site=news" id="menu1"></a></li>
<li><a href="index.php?site=articles" id="menu2"></a></li>
<li><a href="index.php?site=clanwars" id="menu3"></a></li>
<li><a href="index.php?site=squads" id="menu4"></a></li>
<li><a href="index.php?site=gallery" id="menu5"></a></li>
<li><a href="index.php?site=server" id="menu6"></a></li>
<li><a href="index.php?site=files" id="menu7"></a></li>
<li><a href="index.php?site=forum" id="menu8"></a></li>
<li><a href="index.php?site=contact" id="menu9"></a></li>
</ul>
<div id="statystykiicon" class="style1" style="height: 1px"></div>
</div>
</div>
</div>
</body>
</html>
Kod PHP:
body{
background-color:#222222;
}
#container
{
width:1000px;
margin:0px auto;
}
#top
{
width:964px;
height:192px;
background-image:url('images/top/top.png')
}
#onas
{
background-image:url('images/top/tloonas.png');
width:289px;
height:121px;
margin-left:651px;
margin-top:39px;
position:absolute;
}
#button
{
margin-top:5px;
margin-left:2px;
}
#tresc
{
margin-left:7px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:white;
}
#menutlo
{
width:964px;
background-image:url('images/menu/tlomenu.png')
;height:50px;
float:left;
}
ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
margin-left:10px;
}
ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
margin-left:10px;
}
ul li {
display: inline;
white-space: nowrap;
}
a#menu1
{
background-image:url('images/menu/1.png')
;width:109px;
height:21px;
float:left;
margin-top:10px;
}
a#menu2
{
background-image:url('images/menu/2.png')
;width:75px;
height:21px;
float:left;
margin-top:10px;
}
a#menu3
{
background-image:url('images/menu/3.png')
;width:64px;
height:21px;
float:left;
margin-top:10px;
}
a#menu4
{
background-image:url('images/menu/4.png')
;width:66px;
height:21px;
float:left;
margin-top:10px;
}
a#menu5
{
background-image:url('images/menu/5.png')
;width:64px;
height:21px;
float:left;
margin-top:10px;
}
a#menu6
{
background-image:url('images/menu/6.png')
;width:81px;
height:21px;
float:left;
margin-top:10px;
}
a#menu7
{
background-image:url('images/menu/7.png')
;width:79px;
height:21px;
float:left;
margin-top:10px;
}
a#menu8
{
background-image:url('images/menu/8.png')
;width:67px;
height:21px;
float:left;
margin-top:10px;
}
a#menu9
{
background-image:url('images/menu/9.png')
;width:60px;
height:21px;
float:left;
margin-top:10px;
}
#menu
{
float:left;
width:964px;
}
#statystykiicon
{
background-image:url('images/menu/icon.png')
;background-repeat:no-repeat
;float:left;
width:28px;
height:21px;
margin-top:10px;
margin-left:15px;
}