RE: [WSG] DIV Container Closing prematurely

[Scott Reston]

Admittedly, I haven't taken a look at your CSS, but my initial gut response is that you're floating the 2 column divs. Applying float to a div pulls it out of the flow of the document, so Firefox is actually behaving correctly. IE makes containing divs expand to hold their content, but according to the spec, that's a bug. Take a look at Holly 'n John's article [1] about a nice workaround that doesn't involve extra semantic markup. Note that the clearfix class gets applied to the containing div, not the contained - a bit that I missed when first working with these examples...

 

 

[1] http://www.positioniseverything.net/easyclearing.html

 

Scott Reston
Director, Web Development
Capstrat
919/882.1966 v
919/834.7959 f
1201 Edwards Mill Road, Suite 102
Raleigh, NC 27607
www.capstrat.com

 

 

-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of MORGAN CRAFT
Sent: Thursday, September 30, 2004 11:02 AM
To: [EMAIL PROTECTED]
Subject: [WSG] DIV Container Closing prematurely

Hey,

    I made my first website for the ohio senate and I used CSS-positioning for most of the website.  The webpage views fine under IE, but in Firefox my News Room section does not display correctly.  The container_frame class(the tan block - added the color so you can see which divblock I'm talking about) I have that is supposed to encapsulate the entire newsroom section, but it closes when a the container_archives class opens for the lower archive section.

http://www.mgan.net/senate/index.php?selection=newsRoom

   If you look at the "home" section of the page there are a two flash objects imbedded in a similiar layout which displays just fine.  Not sure what the problem is with the news room, I just know if I change the archives_container class from float:left/right to none the container_frame goes down the rest of the way.  I've spent almost 2 weeks now trying different things to fix it and I'm getting really frustrated.  If someone could shed any light on the problem I'd be grateful.  I'm new to CSS, only been playing with it for a little over a month so if there something I'm missing please tell me, I can't learn from my mistakes if I don't know what they are.

So... look at it in IE first and then view it in Firefox to see what I'm talking about.

Thanks for any and all replies,

Morgan

****************************************************** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************