Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
LinkBack Thread Tools Display Modes
Old 07-30-2007, 05:23 PM   #1 (permalink)
Junior Member
 
Join Date: 07-30-07
Location: Oregon
Posts: 1
iTrader: 0 / 0%
Latest Blog:
None

iamPariah is liked by many
Floating divs breaks in FF, not other browsers

I sincerely hope this is the correct forum to ask for help with the below issue. After beating my head against a wall for a week and then asking for help (to no avail) elsewhere for another week, I stumbled onto this forum from another site.

I have a two column, valid html 1.0 trans layout where the main column, "guts," is floated left and a sidebar, "colRight," is floated right. In IE6, IE7, Opera, and Safari on Windows and Safari, Opera, and iCab on Mac, everything works. The two columns line up beside one another. In FireFox on Win, Mac, and Linux, and Camino on Mac, though, the guts column will not line up beside colRight; rather, it stacks beneath colRight.

I know I MUST have a mistake in my CSS SOMEwhere, but I'm damned if I can find it.

I've checked the widths again and again. They all work. In fact, there's empty, unaccounted for space between the two columns (a hedge against common browser width/margin/padding problems). The problem persists even if I change either column to 1px wide (without contents, of course).

As a troubleshooting step I tried absolute positioning of the main content area, too, but the outer div containers can't keep up with an absolute positioned variable-height container. I can force FireFox to put the main column where it belongs, but the black background then ends at the bottom of the shorter right navigation column. Worse, the absolute positioned "guts" column then overlaps and hides the footer.

The site is: <a href="http://designorati.com/">http://designorati.com/</a> Visit it in ANY other browser and it works great--the main "guts" content column floats left, the sidebar floats right. In FireFox and Camino, however, the main "guts" column stacks UNDER the sidebar.

I'm at a total loss, and I could REALLY use some help finding a way to workaround the FireFox issue.

The stylesheets are here: <a href="http://designorati.com/_temp/style.css">Main theme CSS</a> and <a href="http://designorati.com/_temp/style-firefox.css">additional FireFox-only CSS</a>.

Thank you in advance.

--Pariah Burke
iamPariah is offline  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
Floating Table OhCaN Coding Forum 13 08-24-2007 01:42 PM
PHP oddly breaks Arenlor Coding Forum 8 01-26-2007 11:37 AM
Floating Image sixty6 Coding Forum 4 06-29-2006 02:05 AM
Help with floating... spl1nter Coding Forum 3 09-12-2004 11:07 AM
PHP=> a text box and making breaks when needed.. HELP PLE Izzmo Coding Forum 5 07-16-2004 12:54 PM


Sponsor Links
Get exposure! Contextual Links V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 08:44 PM.
© Copyright 2008 V7 Inc
Powered by vBulletin
Copyright © 2000-2009 Jelsoft Enterprises Limited.


Search Engine Optimization by vBSEO 3.3.0 ©2009, Crawlability, Inc.