OK... we have a fairly simple layout here:
- We have a #content <div> that is centered on the page using the BlueRobot
centering method #2 (http://bluerobot.com/web/css/center2.html)
- We have two <divs> within this outer div - a float-left <div> and an
absolute-position <div> on the right.
- Inside the right <div> we have a <gag> table with slices and rollovers
courtesy of Adobe ImageReady.
- We have a footer <div> below that. No positioning, just floating below the
- IE6/Win LOVES it. Thinks it's the greatest thing since sliced bread.
- NN6/Win LOVES the layout, but is having problems with the slice table.
It's dropping white space between the rows, and no amount of twiddling with
the HTML (removing hard returns between the <tr>s and <td>s and what-not)
will fix it.
- Opera5/6/Win says "OK" to the layout except it throws the footer <div> to
the top of the content <div> instead of placing it below the others. Plus it
doesn't seem to want to honor the text color in the left <div> (should be
white; Opera says it's black)
- NN4/Win says "ta heck with dis!" and hiccups loudly until we put it out of
its misery. Centered layout is thrown way off to the left, banner floats to
top ala Opera, and fails to apply text formatting to left <div>.
- NONE of the Mac browsers I've tried (IE5/OSX, Opera5, NN4) care for the
layout one whit. Opera5/Mac performs similarly to its Windows cousins (which
speaks well of the Opera team in that rendering is identical across
platforms). IE5/OSX performs similarly to Opera5, and NN4 performs similarly
to its Windows cousin.
The MAIN things I'd like fixed:
- Centering the content <div> across all browsers. I really don't want to
have to put this in a <table align="center"> to have this work...
- Footer stays put at bottom of content <div>. Again, I really don't want to
solve this with a table...
Being a relative newbie at CSS, and having only applied what I know to
relatively simple, BlueRobot- and Glish-supplied layouts, we're at a loss
with this. This is a company site, and MUST work across all browsers, even
NN4. If it were my personal site, I'd have NN4 degrade and move on. Not
possible in this case.
The page is up at http://www.natnames.com/bobtest/test.html ... the css is
http://www.natnames.com/bobtest/test.css for anyone who cares to give this a
Thanks for any assistance!