[thelist] IE6 Comment Padding Bug
Red Wolf @ Whitewolf
redwolf at whitewolf.com.au
Thu Aug 30 19:57:50 CDT 2001
I figured out what was causing the weird duplication / padding bug I've
been getting with IE6.
I'm using nested DIVs and commenting them for ease of use. The comments
used within the main DIV were causing the padding, as for the
duplication, that's up to Microsoft to figure out.
Jodi Red Wolf
Code follows:
< style >
/* Centre everything */
body {
text-align : center;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 10px;
margin-left : 0px;
background-color : #fff9f2;
color : #000000;
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
font-size : 11px;
}
div {
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
font-size : 11px;
}
/* Header positioning */
#header {
width : 300px;
margin-right : auto;
margin-left : auto;
margin-top : 10px;
padding : 0px;
text-align : left;
vertical-align : middle;
border : 1px solid #ff6600;
}
#navSite {
width : 150px;
float : left;
vertical-align : top;
border : 1px solid #009900;
}
#title {
width : 146px;
padding : 0px;
float : right;
text-align : right;
vertical-align : top;
border : 1px solid #660066;
}
< /style >
<!-- Start Page Header Code with IE Comment Padding Bug -->
< div id="header" >
<!-- Start Site Navigation -->
< div id="navSite" >Left Aligned Lump< /div >
<!-- End Site Navigation -->
<!-- Start Page Title -->
< div id="title" >Right Aligned Lump< /div >
<!-- End Page Title -->
< /div >
<!-- End Page Header -->
<!-- Start Page Header Code with Extra Comments Removed -->
< div id="header" >
< div id="navSite" >Left Aligned Lump< /div >
< div id="title" >Right Aligned Lump< /div >
< /div >
<!-- End Page Header -->
--
Jodi Red Wolf redwolf at whitewolf.com.au
Whitewolf ____/\
51-55 Mountain Street Ultimo NSW 2007 _____/_ \ ~ \\
Ph: +61 2 9211 9357 \/ .. / \
Fx: +61 2 9211 9376 \_____~\ \\
Mb: +61 4 1380 9653 \ \// \\\
More information about the thelist
mailing list