Co tu jest źle.
Mam jeszcze jedno pytanie. Jak zaprojektować szablon który jak zmienię rozdzielczość to i tak poziome paski nie będą się pojawiać, np. taki jak ma w3.org albo kurshtml.boo.pl?
Zdjęcie pod IE jak ten błąd wygląda:
http://img37.picoodle.com/img/img37/3/2/21...emm_da35d06.jpg
Kod
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us">
<head>
<link rel="Stylesheet" type="text/css" href="style.css" />
<title>Title</title>
</head>
<body>
<div id="wrapper">
<div id="logo">
<span>Logo</span>
</div>
<div id="mainmenu">
<span>Horizontal menu</span>
<ul class="horizontalmenu">
<li><a href="#" id="home"></a></li>
<li><a href="#" id="register"></a></li>
<li><a href="#" id="forum"></a></li>
<li><a href="#" id="info"></a></li>
<li><a href="#" id="contact"></a></li>
</ul>
</div>
<div id="leftmenu">
<span>Left menu</span>
</div>
<div id="rightmenu">
<span>Right menu</span>
</div>
<div id="news">
<span>News</span>
<div id="subnews">
<span>Subnews</span>
</div>
</div>
<div id="footer">
<span>Footer</span>
</div>
</div>
</body>
</html>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us">
<head>
<link rel="Stylesheet" type="text/css" href="style.css" />
<title>Title</title>
</head>
<body>
<div id="wrapper">
<div id="logo">
<span>Logo</span>
</div>
<div id="mainmenu">
<span>Horizontal menu</span>
<ul class="horizontalmenu">
<li><a href="#" id="home"></a></li>
<li><a href="#" id="register"></a></li>
<li><a href="#" id="forum"></a></li>
<li><a href="#" id="info"></a></li>
<li><a href="#" id="contact"></a></li>
</ul>
</div>
<div id="leftmenu">
<span>Left menu</span>
</div>
<div id="rightmenu">
<span>Right menu</span>
</div>
<div id="news">
<span>News</span>
<div id="subnews">
<span>Subnews</span>
</div>
</div>
<div id="footer">
<span>Footer</span>
</div>
</div>
</body>
</html>
Kod
html, body {
background-color: white;
margin: 0;
padding: 0;
}
#wrapper {
width: 1024px;
margin: 0 auto;
}
#logo {
border: solid 1px black;
height: 122px;
}
#mainmenu {
}
#leftmenu {
float: left;
width: 179px;
border: solid 1px black;
height: 469px;
}
#rightmenu {
float: right;
width: 179px;
border: solid 1px black;
height: 469px;
}
#news {
margin-left: 179px;
margin-right: 179px;
height: 469px;
width: 666px;
border: solid 1px black;
}
#subnews {
border: solid 1px yellow;
margin: 72px 143px 49px 140px;
height: 320px;
}
#footer {
clear: both;
border: solid 1px black;
height: 40px;
}
ul.horizontalmenu , ul.horizontalemu ul li {
display: block;
list-style: none;
margin: 0;
}
ul.horizontalmenu li {
display: inline;
white-space: nowrap;
}
background-color: white;
margin: 0;
padding: 0;
}
#wrapper {
width: 1024px;
margin: 0 auto;
}
#logo {
border: solid 1px black;
height: 122px;
}
#mainmenu {
}
#leftmenu {
float: left;
width: 179px;
border: solid 1px black;
height: 469px;
}
#rightmenu {
float: right;
width: 179px;
border: solid 1px black;
height: 469px;
}
#news {
margin-left: 179px;
margin-right: 179px;
height: 469px;
width: 666px;
border: solid 1px black;
}
#subnews {
border: solid 1px yellow;
margin: 72px 143px 49px 140px;
height: 320px;
}
#footer {
clear: both;
border: solid 1px black;
height: 40px;
}
ul.horizontalmenu , ul.horizontalemu ul li {
display: block;
list-style: none;
margin: 0;
}
ul.horizontalmenu li {
display: inline;
white-space: nowrap;
}