A public forum for discussing the design of software, from the user interface to the code architecture. Now closed.
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:
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
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
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:
debug/adjust your html/css real time using FireBug
as pointed out, alistapart.com is quite an impressive reference:
you can check also my blog, contains a wordpress theme that is cross-browser fluid.
(alltho' not updated very often :))
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.
Wednesday, November 07, 2007
This topic is archived. No further replies will be accepted.Other recent topics
Powered by FogBugz