I am wanting the position the DIV #member to the top right of the banner and have it move with the rest of the site. As you can see with this link below, the DIV #member stays in place and doesn’t move with the rest of the site. LINK- http://www.securehostserver.info/~msbclcc/test/
Rayzur, Can you take a peek at the image I have floating to the right with the class .floatRight? It appears correctly in Safari and IE8 but looks odd in IE7 and IE6? Any thoughts as to why?
I also just noticed that my navigation bar (mustard yellow) is not fitting the exact width in IE6. It appears to be too long…
Hi,
That’s because the Content div is stretching the main wrapper due to a Double Margin Bug on the Content div. The fix is display:inline;
To fix the first problem with the floated right image just remove the 100% width from your h2, you added a 10px right margin and it exceeds the available space.
There is no need to add any new divs to the html .
It was the same problem that I mentioned above, you are not allowing for margins with your total widths. Block level elements are 100% by defaullt and you don’t have to declare the width or display:block. As long as you don’t set a width the browser will account for the margin.
Hi,
As I mentioned above there is no need for any new divs in the html. Ryan’s suggestion was to wrap everything after the image in a div and set “haslayout” on it. The text would not wrap under your right image if you did that though. There was never anything mentioned about adding a “clearfix”, your floats are being contained just fine. The overflow:hidden on your #main is taking care of float containment and the width there is giving haslayout to IE6/7 which will contain floats.