Hello everyone,
<!-- m --><a class="postlink" href="http://www.cozyclosets.com/index2.php">http://www.cozyclosets.com/index2.php</a><!-- m -->
If you view this in FF it looks great but in IE6 there is a space and the bullets on the left are not working correctly.
Does anyone know why? Do you want me to post the css?css would helpI'm guessing you meant the bullets on the right... I think the problem there is that you haven't given enough space for all that text - I'd use different words.
I couldn't find an answer for your gap problem.Here is the CSS:
/* Cozy Closets CSS v1 2005 */
body { margin: 10px; padding:0px; text-align: center; background: #eee; font-family: arial, sans-serif; font-size: 12px;}
img { padding: 0px; margin: 0px; border: 0px none;}
a:link, a:visited { text-decoration: none; color:blue; }
a:hover { color
urple; }
hr { display: none; }
h5 { display: none; }
/* Wrapper */
#wrapper {
position: relative;
width: 700px;
margin:0 auto;
padding: 0;
text-align: left;
border: 0;
background: #eee url(/images/content_bkgd.gif) repeat-y;
}
/* Header */
#header {
width: 705px; /* for IE5/Win */
height: 142px;
voice-family: "\"}\"";
voice-family: inherit;
width: 700px;
height: 142px;
}
#header img {
margin: 0px; /* for IE5/Win */
padding: 0px;
voice-family: "\"}\"";
voice-family: inherit;
float: left;
margin-top: 0px;
margin-left: 0px;
position: relative;
}
/* Navigation */
#nav {
width: 710px; /* for IE5/Win */
height: 27px;
voice-family: "\"}\"";
voice-family: inherit;
width: 700px;
height: 27px;
background: #FFFFFF url(/images/nav_bkgd.gif) no-repeat;
}
#nav ul { display: inline; list-style-type: none; margin: 0px; padding: 0px;}
#nav ul li { display: inline; list-style-type: none; text-align: center;}
#nav ul li a:link, #nav ul li a:visited { font-family: arial, sans-serif; color: #000; font-size: 100%; font-weight: bold; text-decoration: none; line-height: 1.7em; margin: 0px 2px 0px 0px; }
#nav ul li a:hover { color: #FFFFCC; }
#about { background: #FFFFFF url(/images/about_us.gif); width:96px; height: 28px; float: left; margin-left: 40px;}
#contact { background: #FFFFFF url(/images/contact_us.gif); width:147px; height: 28px; float: left; margin-left: 2px;}
#photo { background: #FFFFFF url(/images/photo_album.gif); width:96px; height: 28px; float: left; margin-left: 2px;}
#ace { background: #FFFFFF url(/images/ace_woodworking.gif); width:119px; height: 28px; float: left; margin-left: 2px;}
/* Content */
#content {
float: left;
/* background: #fff; */
width: 512px; /* for IE5/Win */
margin: 0px;
padding-left: 50px;
voice-family: "\"}\"";
voice-family: inherit;
width: 512px;
padding-left: 0px;
}
#contentPadding { padding: 0 25px 0 55px; margin-bottom: 15px;}
#contentPadding h1 { font-family: "Trebuchet MS",verdana, arial, sans-serif; font-size: 170%; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
#contentPadding h2 { font-size: 120%; margin: 0px; padding:0px;}
#contentPadding img { padding: 0 0 0 5px; }
#contentPadding ul { margin: 0px; padding: 0px; list-style-type: none; border-top: #ccc solid 1px; padding-top: 5px;}
.center { text-align: center; }
.newsItem { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; display: block;}
.title { font-family: "Trebuchet MS",verdana, arial, sans-serif; font-weight: bold; font-size: 120%;}
.date { font-family: arial, sans-serif; font-size: 100%; font-style:italic;}
/* What is a Cozy Closet */
.aboutTitle { font-weight: bold; }
.aboutImage { padding: 0 5px 0 5px; }
/* Sidebar */
#sidebar {
float: left;
width: 160px;
color: #ffffff;
}
#sidebarPadding { padding-left: 15px; }
#sidebarPadding ul { list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 10px; padding-bottom: 10px;}
#sidebarPadding ul li { list-style-type: none; margin: 3px 0px; color: #000000;}
#sidebarPadding ul li a:link, #sidebarPadding ul li a:visited { background: url(/images/arrow.gif) no-repeat 0% 50%; margin-left: 5px; padding-left: 12px; color: white; text-decoration: none;}
#sidebarPadding ul li a:hover { color: #FFA500; }
.catTitle { font-weight: bold; color: #000000;}
/* Footer */
#footer {
position: relative;
clear: both;
width: 700px;
height: 37px;
background: #FFF;
padding: 8px 0 0 160px;
color: #333333;
font-family: verdana, arial, sans-serif;
font-size: 80%;
font-weight: bold;
background: #eeeeee url(/images/footer_bkgd.gif) no-repeat;
}anyone have any ideas?dont have time at the mo. you could try floating left allthe divs in the wrapper.
ie header contetn footer. this sometimes causes a gap.
<!-- m --><a class="postlink" href="http://www.cozyclosets.com/index2.php">http://www.cozyclosets.com/index2.php</a><!-- m -->
If you view this in FF it looks great but in IE6 there is a space and the bullets on the left are not working correctly.
Does anyone know why? Do you want me to post the css?css would helpI'm guessing you meant the bullets on the right... I think the problem there is that you haven't given enough space for all that text - I'd use different words.
I couldn't find an answer for your gap problem.Here is the CSS:
/* Cozy Closets CSS v1 2005 */
body { margin: 10px; padding:0px; text-align: center; background: #eee; font-family: arial, sans-serif; font-size: 12px;}
img { padding: 0px; margin: 0px; border: 0px none;}
a:link, a:visited { text-decoration: none; color:blue; }
a:hover { color
urple; }hr { display: none; }
h5 { display: none; }
/* Wrapper */
#wrapper {
position: relative;
width: 700px;
margin:0 auto;
padding: 0;
text-align: left;
border: 0;
background: #eee url(/images/content_bkgd.gif) repeat-y;
}
/* Header */
#header {
width: 705px; /* for IE5/Win */
height: 142px;
voice-family: "\"}\"";
voice-family: inherit;
width: 700px;
height: 142px;
}
#header img {
margin: 0px; /* for IE5/Win */
padding: 0px;
voice-family: "\"}\"";
voice-family: inherit;
float: left;
margin-top: 0px;
margin-left: 0px;
position: relative;
}
/* Navigation */
#nav {
width: 710px; /* for IE5/Win */
height: 27px;
voice-family: "\"}\"";
voice-family: inherit;
width: 700px;
height: 27px;
background: #FFFFFF url(/images/nav_bkgd.gif) no-repeat;
}
#nav ul { display: inline; list-style-type: none; margin: 0px; padding: 0px;}
#nav ul li { display: inline; list-style-type: none; text-align: center;}
#nav ul li a:link, #nav ul li a:visited { font-family: arial, sans-serif; color: #000; font-size: 100%; font-weight: bold; text-decoration: none; line-height: 1.7em; margin: 0px 2px 0px 0px; }
#nav ul li a:hover { color: #FFFFCC; }
#about { background: #FFFFFF url(/images/about_us.gif); width:96px; height: 28px; float: left; margin-left: 40px;}
#contact { background: #FFFFFF url(/images/contact_us.gif); width:147px; height: 28px; float: left; margin-left: 2px;}
#photo { background: #FFFFFF url(/images/photo_album.gif); width:96px; height: 28px; float: left; margin-left: 2px;}
#ace { background: #FFFFFF url(/images/ace_woodworking.gif); width:119px; height: 28px; float: left; margin-left: 2px;}
/* Content */
#content {
float: left;
/* background: #fff; */
width: 512px; /* for IE5/Win */
margin: 0px;
padding-left: 50px;
voice-family: "\"}\"";
voice-family: inherit;
width: 512px;
padding-left: 0px;
}
#contentPadding { padding: 0 25px 0 55px; margin-bottom: 15px;}
#contentPadding h1 { font-family: "Trebuchet MS",verdana, arial, sans-serif; font-size: 170%; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
#contentPadding h2 { font-size: 120%; margin: 0px; padding:0px;}
#contentPadding img { padding: 0 0 0 5px; }
#contentPadding ul { margin: 0px; padding: 0px; list-style-type: none; border-top: #ccc solid 1px; padding-top: 5px;}
.center { text-align: center; }
.newsItem { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; display: block;}
.title { font-family: "Trebuchet MS",verdana, arial, sans-serif; font-weight: bold; font-size: 120%;}
.date { font-family: arial, sans-serif; font-size: 100%; font-style:italic;}
/* What is a Cozy Closet */
.aboutTitle { font-weight: bold; }
.aboutImage { padding: 0 5px 0 5px; }
/* Sidebar */
#sidebar {
float: left;
width: 160px;
color: #ffffff;
}
#sidebarPadding { padding-left: 15px; }
#sidebarPadding ul { list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 10px; padding-bottom: 10px;}
#sidebarPadding ul li { list-style-type: none; margin: 3px 0px; color: #000000;}
#sidebarPadding ul li a:link, #sidebarPadding ul li a:visited { background: url(/images/arrow.gif) no-repeat 0% 50%; margin-left: 5px; padding-left: 12px; color: white; text-decoration: none;}
#sidebarPadding ul li a:hover { color: #FFA500; }
.catTitle { font-weight: bold; color: #000000;}
/* Footer */
#footer {
position: relative;
clear: both;
width: 700px;
height: 37px;
background: #FFF;
padding: 8px 0 0 160px;
color: #333333;
font-family: verdana, arial, sans-serif;
font-size: 80%;
font-weight: bold;
background: #eeeeee url(/images/footer_bkgd.gif) no-repeat;
}anyone have any ideas?dont have time at the mo. you could try floating left allthe divs in the wrapper.
ie header contetn footer. this sometimes causes a gap.