Win a copy of Modern JavaScript for the Impatient this week in the Server-Side JavaScript and NodeJS forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
  • Campbell Ritchie
  • Ron McLeod
  • Paul Clapham
  • Bear Bibeault
  • Junilu Lacar
  • Jeanne Boyarsky
  • Tim Cooke
  • Henry Wong
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • salvin francis
  • Frits Walraven
  • Scott Selikoff
  • Piet Souris
  • Carey Brown

Overlapping columns in Firefox

Posts: 16
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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:

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:

Posts: 29
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I was goofing off in the FireFox web developer plug in ( :: highly recommended) and came up with this:

I tried to clear out some of the css to see if I could see what the problem is and ended up giving the #maincol, #col2, and #col3 explicit widths and heigts. I then made sure the header was full width so that #maincol would wrap to a clean line.

Anyway, with 3 fixed width columns floating in the page it's a little odd. As the browser window is resized the right columns start to bounce down to their own line in the layout. I'm not sure if this is the effect you were going for.

BTW, this has NOT been tested in IE. I was just curious if I could get FF to work again.
Casey Kcins
Posts: 16
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Well, you're correct. It looks like it should now in FF. Looks good in IE also. I guess it's just the variable width stuff eh? I guess explicit widths and heights are the way it's going to have to be. <shrugs>

I'll definitely download the addon.

Thanks again for the help, I'll tweak it from here.
Enjoy the full beauty of the english language. Embedded in this tiny ad:
Building a Better World in your Backyard by Paul Wheaton and Shawn Klassen-Koop
    Bookmark Topic Watch Topic
  • New Topic