Dave Goodchild wrote:
> Hi all, I have been ambushed by IE6. URL:
>
> http://dontjustsitthere.co.uk
>
First off, you have a couple of mark-up errors and one css error (the ;
after #fbf0f8):
.logbox{
background:#fbf0f8;url(/images/log.png) no-repeat 99% 10%
}
Second, you didn't really say "what happens in ie6" so I'll address the
most obvious issue I see (which I'm also seeing in firefox 2.0.0.3)
which is that your #displayads div is moving around in an 800px width
browser. This appears to be caused by the fact that #content is set at
80%, but .homeimage is 130px wide, .homecontent is 300px, and .shop is
230px which is 660px plus the space between the boxes. Also, #content li
is 43em wide inside a 300px .homecontent box (which may not even be
contributing to the effect, but I noticed it, so I mentioned it). Then,
#wrapper is set to a min-width of 600px, which is about 100px smaller
than everything in #content which leaves no room for #displayads. In
ie6, #displayads drops below #content, and in ff it overlaps.
So, from what I can tell, you can either raise the min-width of #wrapper
to around 1024px (or whatever gets it to fit into ie6 - you may also
need to lower the width of #content or #displayads width by 2% or so),
or make your content boxes narrow enough to fit into 80% of 98%
(#wrapper width) of 800px.
I hope this helps.
nat
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
