Need help with page columns on FF

url - http://projects.missioninternet.com/proweb/index.php
css - http://projects.missioninternet.com/...css/proweb.css

How can I get FF to display this page like IE? For illustration
purposes I have a grey border around each div class I call infoSection
and red borders around each infoColx div class in that section. IE
displays the page as I want it however FF seems to display each div
independently.

What am I missing in my CSS to get the desired format?

Thank you!
Tim

Big Moxy wrote:

url - http://projects.missioninternet.com/proweb/index.php
css - http://projects.missioninternet.com/...css/proweb.css

How can I get FF to display this page like IE? For illustration
purposes I have a grey border around each div class I call infoSection
and red borders around each infoColx div class in that section. IE
displays the page as I want it however FF seems to display each div
independently.

What am I missing in my CSS to get the desired format?

MSIE is doing it wrong. Floats are *not* supposed to be contained by
parent elements in regular flow...

To "fix" it for browsers that support the standards add

overflow: hidden;

on infoSection or add a clearing element after your floats...


BTW you have couple of syntax errors in your stylesheet, missing ';' and '#'

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

On Dec 21, 9:21*am, "Jonathan N. Little" <lws4... (AT) centralva (DOT) net>
wrote:

Big Moxy wrote:
url -http://projects.missioninternet.com/proweb/index.php
css -http://projects.missioninternet.com/proweb/css/proweb.css

How can I get FF to display this page like IE? For illustration
purposes I have a grey border around each div class I call infoSection
and red borders around each infoColx div class in that section. IE
displays the page as I want it however FF seems to display each div
independently.

What am I missing in my CSS to get the desired format?

MSIE is doing it wrong. Floats are *not* supposed to be contained by
parent elements in regular flow...

To "fix" it for browsers that support the standards add

overflow: hidden;

on infoSection or add a clearing element after your floats...

BTW you have couple of syntax errors in your stylesheet, missing ';' and '#'

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

Thank you, Jonathan! That did it. Took care of the stylesheet errors
too. Got lazy before posting...

Regards,
Tim

Big Moxy wrote:

Thank you, Jonathan! That did it. Took care of the stylesheet errors
too. Got lazy before posting...

As I advised someone else in another thread, save yourself some
heartache and do *not* use IE for your initial development. Use (insert
any other non-IE browser will be a good bet). I use Firefox but Opera is
also good. Validate and get all errors are caught and then see if any
tweaking is needed to get IE on board.



--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

On Dec 21, 12:21*pm, "Jonathan N. Little" <lws4... (AT) centralva (DOT) net>
wrote:

Big Moxy wrote:
url -http://projects.missioninternet.com/proweb/index.php
css -http://projects.missioninternet.com/proweb/css/proweb.css

MSIE is doing it wrong. Floats are *not* supposed to be contained by
parent elements in regular flow...

That's bug #66 at

Bugs in Internet Explorer 7
http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/

and demo-ed at

Float bug when containing block has a specified width
http://www.gtalbot.org/BrowserBugsSe...s/Float2p.html

Regards, Gérard