http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/ A Layout forum thread at WPDFD.com en-us 02/22/05, 053 42 2005 2005:%i:1109094150 12:42:30 06/07/13, 158 11 2013 2013:%i:1370589110 03:11:50 http://blogs.law.harvard.edu/tech/rss NineLabs Framework Feed Generator sitemaster@wpdfd.com sitemaster@wpdfd.com http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1796
After days of trial and error, trying to get
http://www.workorder.se/
to look good in netscape/firefox etc.

It looks as I wish in IE, all code validates, but have problems with nesting boxes, divs paddings, margins etc. So I had a shot at removing all padding and margins and resulted in this
http://www.workorder.se/firefox.asp
and there I don't get columns.

Suggestions ?

Cheers / Peter

p.s. Thanks for a truly great and informative site :-}]]> 02/22/05, 053 42 2005 2005:%i:1109094150 12:42:30 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1796 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1797 wops said:

After days of trial and error, trying to get
http://www.workorder.se/
to look good in netscape/firefox etc.

It looks as I wish in IE, all code validates,

No it doesn't...

http://validator.w3.org/check?verbose=1&uri=http%3A//www.workorder.se/

How can you say it validates?]]> 02/22/05, 053 06 2005 2005:%i:1109106382 16:06:22 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1797 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1798
http://www.workorder.se/firefox asp validates but looks like something the cat would've done,

both http://www.workorder.se/wo_basic.css and http://www.workorder.se/css/wo_basic.css validates.

The home page http://www.workorder.se/index.asp looks in i.e. like the final result I want to achieve, even though it doesn't validate. The problem I have is automatic box width, relative position, z-index (I think), float and height with lines that stretch from top to bottom.

We have the same look and feel on all our prints, just wanted the web to be the same.

There is no challenge in doing this with frames or tables, the challenge is css, which I'm under the impression is the future.

Cheers / Peter S.]]> 02/23/05, 054 21 2005 2005:%i:1109150465 04:21:05 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1798 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1799
Your problem is with the basic box structure but I can't go into all the ins and outs of it here. Check out the CSS layout tutorials at

http://www.wpdfd.com/editorial/wpd0204news.htm#feature]]> 02/23/05, 054 40 2005 2005:%i:1109151603 04:40:03 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1799 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1800 Div and div is not the same, nor is Class and class.
Thus, ids in Firefox and IE behave differently. In firefox they are case sensitive, but in IE not. The capitalizing of f.ex. LeftColumn is a leftover in me from Delphi semantics and readabiliy, but I wasn't consistent in writing the css and using it.

Now just one problem remains, height.
Pls take a look again. I have one box #PageBase gray background, then one box #ContentBase slightly smaller, white background, and then three columns inside. Apparently the box with the white background doesn't calculate the height equally in firefox and ie. Why?

A new much more compliant page at:
http://www.workorder.se/index.asp

cheers / Peter]]> 02/23/05, 054 36 2005 2005:%i:1109194612 16:36:52 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1800 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1801 02/24/05, 055 42 2005 2005:%i:1109230933 02:42:13 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1801 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1802 02/24/05, 055 37 2005 2005:%i:1109237865 04:37:45 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1802 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1803 display: table;

now it behaves equally in IE and FireFox.  

Thanks for all the help.

/Peter]]> 02/24/05, 055 45 2005 2005:%i:1109241914 05:45:14 http://www.wpdfd.com/forums/wpdfd/layout/oh_help_browser_independence_and_div_boxes/#p1803