Hey! mam problem z menu w IE tak to wygląda:
![[Obrazek: 1539qwh.jpg]](http://i33.tinypic.com/1539qwh.jpg)
Tu jest kod HTML
Tu CSS
Z góry dzięki pozdrawiam
![[Obrazek: 1539qwh.jpg]](http://i33.tinypic.com/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
