Hello everyone.
Please check this site for me: http://kusile.cojjoconnect.co.za
I have a little problem in IE...
The dark green header bar (h1 with background color applied) should
touch the menu bar, there is a small little annoying gap.
Seems like padding is applied to the heading although I specified that
it should be 0.
It works fine in firefox....
Here is my CSS:
h1 {
color: #ffffff;
background: #346e40;
height: 50px;
}
#wrapper {
margin: 10px;
}
#header{
}
#main {
width: 100%;
background: #d2e4bc;
}
#leftcolumn{
float:left;
top: 0;
left: 0;
width: 275px;
}
#leftcolumn-header{
height: 50px;
background-image: url(/images/kusile/headBarPic.jpg);
background-repeat: no-repeat;
background-position: left;
}
#leftcolumn-menu{
background: #fcfadf;
}
#content{
margin: 0 0 0 275px;
background: #d2e4bc;
padding 0;
}
#clear{
clear:both;
height: 0;
}
HTML layout page looks like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html>
<head>
<title>Kusile Publication Services</title>
<%= stylesheet_link_tag 'reset' %>
<%= stylesheet_link_tag 'layout' %>
<%= stylesheet_link_tag 'kusile-fonts' %>
<%= stylesheet_link_tag 'menu' %>
</head>
<body>
<div id = "wrapper">
<div id = "header">
<img src="/images/kusile/logo.jpg" alt="Kusile Logo" />
</div><!--header-->
<div id = "main">
<div id = "leftcolumn">
<div id = "leftcolumn-header"> </div>
<div id = "leftcolumn-menu">
<%= menu %>
<div id="clear"></div>
</div><!--leftcolumn-menu-->
</div><!--leftcolumn-->
<div id = "content">
<%= yield %>
</div><!--content-->
<div id="clear"></div>
</div><!--main-->
</div><!--wrapper-->
</body>
Is built in ruby so the stylesheet calls are a bit odd.
Any help / advice will be greatly appreciated!!!!
Tx.
Pieter
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
