-
CSS div problem, header and footer image
Hey!
Im having a problem with my div style for my header div and my footer div.
These are the styles in my css:
.div.footer
{
background-color: #73BF1F;
width: 100%;
height: 35px;
position: absolute;
border:1px solid green;
top: 665px;
right: 0px;
left: 5px;
}
.div.header
{
background-image : url(../images/toolbar.jpg);
background-color: #FFE000;
background-repeat: repeat-y;
position: absolute;
border:1px solid green;
width : 100%;
height : 48px;
top : 0px;
left : 5px;
right :0px;
visibility: visible;
}
Does anyone know why it would show up in IE6 but not IE7?
thanks for any help
Dan
-
Senior Member
Hi,
the CSS selectors .div.header and .div.footer don't look quite right. Or at least I think they may be doing something different than you're expecting,
.div.header { }
should select elements in the page that have both the class name div and header. For example,
<p class="div header">This paragraph has the class names div and header, it would be selected by the selector .div.header</p>
if you want to select div elements with the class name header you would simply remove the leading .
div.header {
/* css rules here */
}
<div class="header">This would be selected by div.header</div>
Hope this helps
I guess this is one of the CSS parsing bugs that was fixed between IE 6 and IE 7.
-
Thanks!
Thats it working now!
Hopefully thats my first site with div's fully working now.
thanks again
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|