Hey,
<!-- m --><a class="postlink" href="http://www.sixfoottallrabbit.co.uk/">http://www.sixfoottallrabbit.co.uk/</a><!-- m -->
Firstly... this one works in IE but not in FF (That's a change!):
I want the content div to actually size itself to fit everything in it, including the advertisement on the right. I'm not sure how to fix this.
Secondly... this one works in FF but not in IE (ooooh, normal again):
That horizontal rule that i made (the green and blue dashed one) is directly under the LastestNews title on FF, though it goes to below the banner on IE. I want it to be like it is on FF. Also, you seem to be able to see two of the horizontal rule on IE. Something to do with the sizing of the div, dont know why it doesnt work.
Please Help
so....
1) Sizing of content div (FF)
2) Positioning of horizontal rule (IE)
3) Double horizontal rule problem (IE)For the first problem, common, add overflow:auto; to the content div. IE is, incorrectly, stretching the div to fit the content which is not proper behvior.
You also have a div inside a <p> This is not allowed.
IE, I think, is stretching the <hr> to the float which you have as 100% (the hr). When it hits the float, it wraps to the next line.
Fix those, VALIDATE, and I think most of your problems will go away.Thanks for that, but I still get the double horizontal rule there.
And also... very weird... the banner is in the correct place (on firefox) when you load the page, but if you move the cursor over a button, then it moves. :S Why?For the shifty thing try adding width:96px to ul.menu li. The double hr may be because IE is (I think incorrectly) giving the div a line-height. Try setting line-height:0 or match the div height and see what happens.Neither solved either problem. Thanks anyway. I asked lots of people about the moving image one and nobody knew so I took the font-weight: bold from the hover and it solved it. :/
I also got rid of the double line by making the background not repeat.
(silly me)
That's it! THANKS!
<!-- m --><a class="postlink" href="http://www.sixfoottallrabbit.co.uk/">http://www.sixfoottallrabbit.co.uk/</a><!-- m -->
Firstly... this one works in IE but not in FF (That's a change!):
I want the content div to actually size itself to fit everything in it, including the advertisement on the right. I'm not sure how to fix this.
Secondly... this one works in FF but not in IE (ooooh, normal again):
That horizontal rule that i made (the green and blue dashed one) is directly under the LastestNews title on FF, though it goes to below the banner on IE. I want it to be like it is on FF. Also, you seem to be able to see two of the horizontal rule on IE. Something to do with the sizing of the div, dont know why it doesnt work.
Please Help
so....
1) Sizing of content div (FF)
2) Positioning of horizontal rule (IE)
3) Double horizontal rule problem (IE)For the first problem, common, add overflow:auto; to the content div. IE is, incorrectly, stretching the div to fit the content which is not proper behvior.
You also have a div inside a <p> This is not allowed.
IE, I think, is stretching the <hr> to the float which you have as 100% (the hr). When it hits the float, it wraps to the next line.
Fix those, VALIDATE, and I think most of your problems will go away.Thanks for that, but I still get the double horizontal rule there.
And also... very weird... the banner is in the correct place (on firefox) when you load the page, but if you move the cursor over a button, then it moves. :S Why?For the shifty thing try adding width:96px to ul.menu li. The double hr may be because IE is (I think incorrectly) giving the div a line-height. Try setting line-height:0 or match the div height and see what happens.Neither solved either problem. Thanks anyway. I asked lots of people about the moving image one and nobody knew so I took the font-weight: bold from the hover and it solved it. :/
I also got rid of the double line by making the background not repeat.
(silly me)That's it! THANKS!