...

View Full Version : How to get rid of that extra space (IE6 only)



Lansu
01-22-2008, 09:31 AM
Look at this page in IE6:
http://www.marsut.net/namikiss

There's some extra space on the right side and I want to get rid of it. Is this "the 3px bug"?

Well, here's some CSS:

body,
html {
margin:0;
padding:0;
background: #857155;
color: #663300;
font-family: Verdana, sans-serif;
font-size: 1em;
}
body {
min-width:820px;
}
#wrap {
background:#CBBFAE;
margin: 1em auto 0 auto;
width:800px;
border: 1px solid #675742;
}
#header {
background: url(banneri_01.jpg) no-repeat;
height: 143px;
margin: 0;
padding: 0;
}
#nav {
background: url(banneri_02.jpg) no-repeat;
margin: 0;
height: 37px;
}
#nav ul{
margin:0 0 0 0.5em;
padding:0;
white-space: nowrap;
font-family: Tahoma, serif;
}
#nav li, #nav a{
display:inline;
margin: 0;
padding: 0.3em;
color: #fff;
font-style: italic;
list-style-type:none;
text-decoration: none;
font-weight: bold;
font-size: 15px;
font-family: Tahoma, serif;
}
#single {
background:#CBBFAE;
padding: 1em;
}

And HTML for this single column page:

<!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="fi" lang="fi">

<head>
<title>Kennel Namikiss</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-15" />
<meta name="Author" content="Laura Haataja 2007" />
<meta name="keywords" content="koira, koirat, Namikiss, australianpaimenkoira" />
<meta name="robots" content="index, nofollow" />
</head>

<body>
<div id="wrap">

<div id="header"></div>

<div id="nav">
<ul>
<li><a href="koirat.html">Koirat ::</a></li>
<li><a href="kasvatit.html">Kasvatit ::</a></li>
<li><a href="pentuja.html">Pentuja ::</a></li>
<li><a href="muistoissa.html">Muistoissa ::</a></li>
<li><a href="http://picasaweb.google.fi/alli.lohela">Kuvia ::</a></li>
<li><a href="uutiset.html">Uutiset ::</a></li>
<li><a href="linkit.html">Linkkejä ::</a></li>
<li><a href="vieraskirja.html">Vieraskirja ::</a></li>
</ul>
</div>

<div id="single">

<h1>Linkkejä</h1>

<p class="linkit"><a href="http://www.australianpaimenkoirat.net">Australianpaimenkoirat ry</a><br/>
<a href="http://www.oulunkoirakerho.net/">Oulun koirakerho ry</a><br/>
<a href="http://www.kennel-secretfriends.com/">Kennel Secret Friend's</a><br/>
<a href="http://eyespy.sata1.com/">Kennel Eyespy</a><br/></p>
</div>

<div id="footer">
<p>Layout &copy;<a href="mailto:lansu@marsut.net">Laura Haataja</a>2008<br/>Kuvien luvaton kopiointi
ja käyttö virtuaalikenneleissä on kielletty.</p>
</div>
</div>

</body>
</html>

Please help :)

abduraooft
01-22-2008, 10:48 AM
Look at

#nav ul{
margin:0 0 0 0.5em;
}
If you change it to zero, everything will be fine!

Lansu
01-22-2008, 10:55 AM
Thank you! This was a big help for me :thumbsup:

VIPStephan
01-22-2008, 03:54 PM
Small fix, big help. If life would always be that easy… :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum