Need help with page columns on FF

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Big Moxy - 21 Dec 2007 15:53 GMT

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?

Thank you!
Tim

Reply to this Message

Jonathan N. Little - 21 Dec 2007 17:21 GMT

> url - http://projects.missioninternet.com/proweb/index.php
> css - http://projects.missioninternet.com/proweb/css/proweb.css
[quoted text clipped - 6 lines]
>
> 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 '#'

Signature

Take care,

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

Reply to this Message

Big Moxy - 21 Dec 2007 17:47 GMT

On Dec 21, 9:21 am, "Jonathan N. Little" <lws4...@centralva.net>
wrote:

> > url -http://projects.missioninternet.com/proweb/index.php
> > css -http://projects.missioninternet.com/proweb/css/proweb.css
[quoted text clipped - 24 lines]
> -------------------
> 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

Reply to this Message

Jonathan N. Little - 21 Dec 2007 18:13 GMT

> 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.

Signature

Take care,

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

Reply to this Message

GTalbot - 28 Dec 2007 02:43 GMT

On Dec 21, 12:21 pm, "Jonathan N. Little" <lws4...@centralva.net>
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/BrowserBugsSection/MSIE7Bugs/Float2p.html

Regards, Gérard

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / December 2007

Need help with page columns on FF