Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Obrazek obok listy - ie problem.. - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Obrazek obok listy - ie problem.. (/thread-obrazek-obok-listy-ie-problem)



Obrazek obok listy - ie problem.. - implossive - 19-08-2010

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 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-top0px;
}
</
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 ametconsetetur 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 rebumStet 
    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 css:
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-familyVerdanaArialHelveticasans-serif;
    
font-size9px;
    
color:white;
}
#menutlo
{
    
width:964px;
    
background-image:url('images/menu/tlomenu.png')
    ;
height:50px;
        
float:left;
}
ul li {
    
displayblock;
    list-
stylenone;
    
margin0;
    
padding0;
    
margin-left:10px;
    
    
}

ul {
    
displayblock;
    list-
stylenone;
    
margin0;
    
padding0;
    
margin-left:10px;
    
    
}

ul li {
    
displayinline;
    
white-spacenowrap;
}

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;

    
    
    } 
Mam nadzieje, że pomożecie..


RE: Obrazek obok listy - ie problem.. - kancik - 19-08-2010

nie widze roznicy miedzy ie a firefoxem ( wyswietlanie tej strony ) jedynie widze tła obrazków png które troszkę to rozwalają


RE: Obrazek obok listy - ie problem.. - implossive - 19-08-2010

No właśnie chodzi mi o to, że w menu icon.png schodzi w dół
screen: http://fooh.pl/pokaz/2ec5514b65bdb23768402fdc9382e502_icon.jpg