The Design of Software (CLOSED)

A public forum for discussing the design of software, from the user interface to the code architecture. Now closed.

The "Design of Software" discussion group has been merged with the main Joel on Software discussion group.

The archives will remain online indefinitely.

Firefox Columns

Hi Everybody!

This question, I thought, would be best answered by someone in this group. Hopefully you can point me in the right direction.

I'm attempting to make a 3 column layout. A middle column, and two columns on the right.
Here's the link to the site:
http://servicesoftheweb.com/servicesoftheweb/Default.aspx

Now, opened in IE6, it looks wonderful.
Firefox is a different question.
Usually IE is the problem.
Anyone have any ideas?

Here's the link to the CSS: http://servicesoftheweb.com/servicesoftheweb/css/general.css

Thanks!
Casey Kriutzfield Send private email
Monday, October 29, 2007
 
 
I think the problem is that col2 and col3 are nested inside maincol instead of having maincol, col2, col3 along one another and all of them nested inside main.

I believe the key is to have some shared parent (main) with a fixed width in pixels, then 3 peers nested underneath it, each float: left.

Also, I would recommend you install the Web Developer plugin for FireFox as it lets you edit HTML/CSS directly from inside the browser and see the updates instantaneously: https://addons.mozilla.org/en-US/firefox/addon/60
Gili Send private email
Tuesday, October 30, 2007
 
 
If you need "liquid layout", this article is the best technique I've seen for completing one that works on all browsers:

http://www.alistapart.com/articles/negativemargins
Steve Moyer Send private email
Tuesday, October 30, 2007
 
 
Why don't you try blueprint?
http://code.google.com/p/blueprintcss/

You can get a grip on it in a pair of hours.
hectorsq Send private email
Tuesday, October 30, 2007
 
 
debug/adjust your html/css real time using FireBug
http://www.getfirebug.com/

http://www.glish.com/css/7.asp

as pointed out, alistapart.com is quite an impressive reference:
http://www.alistapart.com/articles/holygrail

you can check also my blog, contains a wordpress theme that is cross-browser fluid.
http://tech.2mconsult.net/
(alltho' not updated very often :))
MariusRugan Send private email
Wednesday, October 31, 2007
 
 
Another vote for blueprint, or the excellent Yahoo! User Interface library's YUI-CSS. Predictable column layout cross-browser is a pain, but it's a solved problem. Use one of these excellent libraries (reading the code to learn how they work, natch) and save yourself the hassle.
Andrew
Wednesday, November 07, 2007
 
 

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics
 
Powered by FogBugz