M
mangm
Hello,
I'm using a Mac - when I look at the following HTML from Safari (or
Firefox),
there is no red gap between the centered DIVs Wrapper and Interior.
However, Opera and IE do expose this gap - does anyone know what I'm
doing wrong?
Thanks in advance,
Mike
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title></title>
<style type="text/css">
body {background-color:red;}
#wrapper {width: 762px; margin: 32px auto 0 auto; background-color:
green;}
#banner {margin-left: 200px;height: 80px;background-color: yellow;
width: 562px;}
#interior {margin: 0 auto; width: 750px; background-color: blue;}
#banner ul {padding: 16px; border: 1px solid green;}
#banner ul li {display: inline;}
</style>
</head>
<body>
<div id="wrapper">
<div id="banner">
<ul><li>Test</li></ul>
</div>
</div>
<div id="interior">Test</div>
</body>
</html>
I'm using a Mac - when I look at the following HTML from Safari (or
Firefox),
there is no red gap between the centered DIVs Wrapper and Interior.
However, Opera and IE do expose this gap - does anyone know what I'm
doing wrong?
Thanks in advance,
Mike
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title></title>
<style type="text/css">
body {background-color:red;}
#wrapper {width: 762px; margin: 32px auto 0 auto; background-color:
green;}
#banner {margin-left: 200px;height: 80px;background-color: yellow;
width: 562px;}
#interior {margin: 0 auto; width: 750px; background-color: blue;}
#banner ul {padding: 16px; border: 1px solid green;}
#banner ul li {display: inline;}
</style>
</head>
<body>
<div id="wrapper">
<div id="banner">
<ul><li>Test</li></ul>
</div>
</div>
<div id="interior">Test</div>
</body>
</html>