[EMAIL PROTECTED] wrote:
I can't seem to get the center section of the page div
id=content to align to the top of the space.
http://www.hammersmith.ws/Census/tabbed/templateTabs.html
Add...
#outer, #content {float: left;}
...and it'll end up in the right place.
It is a float-layout, so 'content' must float alongside 'left'. Floating
it will also keep clearers from acting on elements outside 'content',
which is just as important in your layout.
Defining 'outer' as a float also, will make it expand to contain all the
other floats inside.
Also, add...
#left ul, #news {position: relative;}
...to make IE/win render those backgrounds properly.
Tested in IE6, Opera 9tp2 and Firefox 1.5.0.1.
There's a weak spot is your use of left and right 'border-color' as the
only background for those side-columns. That'll make them less visible
if accessibility-option 'ignore colors' is used in IE/win, as borders
will then turn black - the same color as ordinary text on top of them.
I use a similar border-background for many layouts, and avoid this
problem by setting background-color on the actual side-column containers
also. Background-color will turn white and make the content very visible
for those who might need to use such an option.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/