Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
menu w IE :( - 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: menu w IE :( (/thread-menu-w-ie)

menu w IE :( - Leja - 07-11-2009

Hey! mam problem z menu w IE tak to wygląda:

[Obrazek: 1539qwh.jpg]

Tu jest kod HTML

Kod:
<!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" lang="pl" xml:lang="pl">

<head>

<title>Kerygmat</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="content-language" content="pl" />
<meta name="copyright" content="Kerygmat 2009" />
<meta name="keywords" content="Kerygmat, kwidzyn, stowrzyszenie, pożytku," />
<meta name="description" content="Kerygmat - stowarzyszenie ewangelizacyjne". />

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <div id="all">
        <div id="top">
            <div id="logo">
        <img src="IMG/logo.JPG"></img>
            </div>
        </div>
        <div id="menu">

        
        <ul class="menu">
<li><a href="#">Wiadomości</a></li>
<li><a href="#">Historia</a></li>
<li><a href="#">Sprawozdania Merytoryczne</a></li>
<li><a href="#">Festiwal Kerygmat - Galeria</a></li>
<li><a href="#">Inne przedsiewzięcia - Galeria</a></li>
<li><a href="#">Linki</a></li>
<li><a href="#">Nasze nagrody</a></li>
<li><a href="#">Kontakt</a></li>        
        </ul>

        </div>
        
        <div id="box"></div>
        <div id="box2"></div>
        <div id="stopka"></div>
    </div>
</body>
</html>

Tu CSS

Kod:
html, body {
background: #ffa52e;
margin: 0px;
font-family: tahom;
font-size: 11px;
color: #000000;
}

.menu {
list-style-type: none;
margin: 0;
padding: 0;
width: 950px;
height: 32px;
    }

.menu li a{
float: left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
display: block;
height: 32px;
width: 0 auto;
margin: 0;
padding: 3px 8px 3px 8px;
text-decoration: none;
color: #b83030;
    }


.menu li a:hover{
color: #e5d800;
    }



#all {
width: 950px;
margin: 0 auto;

}

#top {
background: url("IMG/1.JPG");
width: 950px;
height: 133px;
margin: 0;
float: left;
}

#menu {
background: url("IMG/3.JPG");
width: 950px;
height: 32px;
margin: 0;
float: left;
}
#logo {
margin-left: 50px;
}

#box {
width: 678px;
height: 713px;
margin: 0;
float: left;
background: #fff;
}

#box2 {
background: #cbcbcb;
width: 272px;
height: 713px;
margin: 0;
float: left;
}

#stopka {
background: #527978;
width: 950px;
height: 200px;
margin: 0;
float: left;
}


Z góry dzięki pozdrawiam Wink

RE: menu w IE :( - Labsta.com - 07-11-2009

Usuń float z li a i daj :
Kod:
.menu li {
display: block;
float: left;
}


RE: menu w IE :( - Kamil - 07-11-2009

ostatecznie dodaj: display: inline-block

RE: menu w IE :( - Leja - 07-11-2009

ok dzięki (poprawka) Labasta mam tobie Kamil też

Edit by rodi:
Nie rodi, a Labsta Smile (pomyliłem się heh..)