This week's book giveaway is in the Servlets forum.
We're giving away four copies of Murach's Java Servlets and JSP and have Joel Murach on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes Overlapping columns in Firefox Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Murach's Java Servlets and JSP this week in the Servlets forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Overlapping columns in Firefox" Watch "Overlapping columns in Firefox" New topic
Author

Overlapping columns in Firefox

Casey Kcins
Greenhorn

Joined: Mar 12, 2007
Posts: 16
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!
Galen Palmer
Greenhorn

Joined: Aug 09, 2007
Posts: 29
I was goofing off in the FireFox web developer plug in (https://addons.mozilla.org/en-US/firefox/addon/60 :: 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
Greenhorn

Joined: Mar 12, 2007
Posts: 16
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.
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: Overlapping columns in Firefox
 
Similar Threads
Setting Font for select or option
somebody come in and help me check this error
scjp logo
good tool but not free.(15 days)
Lose 3D Look on Text Fields in HTML