Erin Spangler wrote:
> http://www.frr.thedogsonline.com
> I'm sure that I need some sort of box model IE hack to force IE to
> display the content along side the floated right column, but I don't
> know which one I need. I try to design as "hack-less" as possible,
> but IE makes it darn near impossible.
No hack needed, but a slight workaround for an IE bug is called for.
You have inadvertently triggered 'hasLayout' on #content by adding a
width on it, and that makes that container run out of space and drop
below the #rt-col.
Use this instead...
#content {
width: auto;
margin-right: 260px;
}
...and IE will line up better.
> Besides IE's destruction, could I get a site check of the index page
> as well as the "Dog Products" page?
>
> Also, could someone explain why my rounded rectangle box is sticking
> so far out from the right side? It's margins and padding are set at 0
> and it's parent element (rt-col) only has a margin of 5 and 0
> padding. (I'd remove the 5px margin, but I need it for the Dog
> Products page to keep the text below the B&W photo off the border.
Another IE bug. IE will apply 'text-align: center' to whole containers
instead of just text and images. Thus it is centering the #navimg.
A small addition...
#rt-col {
text-align: left;
}
...will correct that.
You should also "tighten up" around that rounded bottom in the source
code, like this...
<img src="images/bottomnav.jpg" alt="" /></div></div>
...as IE's whitespace bug is adding an extra line down there which makes
the background for the column show below the bottom-image.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
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/
