Pete Home wrote: > I thought I had followed the research to the letter, but I still > cannot get 'nested' boxes to work. > > Basically I want a outline around 2 divs when one of then has a box > within it. > > Here's the code and CSS links; > > www.cityboxer.com/gambling/betting.htm and > www.cityboxer.com/gambling/newcss.css > > The outline box seems to work on 3 of 4 sides in ie6 and the inner > box with the video is correct. In FF1.5 it's a complete mess (even > though the outline box works, it doesn't encompass the inner divs) > and the inner box is a complete hash. >
First rule of CSS development: if it looks right in IE6, it's (usually) broken :-) Within the inner box you have two divs, "section_content" and "video", which are floated left and right respectively. When an element is floated, it is taken out of the normal document flow - in other words, the block that contains it acts as if it isn't there. _Not_ honouring this rule is one of the major bugs in IE6, and is one of the primary reasons why testing in IE6 should only be done after you've got it looking right in Firefox, Opera, Safari and suchlike standards-compliant browsers. If you do this then it'll probably look broken in IE6, but then you can apply various workarounds and hacks to bring IE6 into line. In this case, have a look at: <http://www.positioniseverything.net/easyclearing.html> which should help you sort it out. Note that IE7 fixes the float container bug, so you'll need to check the layout in that, too: if you have problems, somebody here will help :-) Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ ______________________________________________________________________ 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/
