visibility and positioning problem

[Randell_D]

Folks,
I've put my page online here at

www.fiprojects.com / wip /

(Note: I purposely separated the entire address to avoid spiders
having a sniff and... *And* before you ask why I am doing this design
with tables its because I'm more comfortable with tables and have yet
to familiarize myself with replacing tables with CSS positioning.

I have two questions and would appreciate some direction:

1 In Firefox the display shows pretty much what I want whereby the
Project "tab" is displayed and all the other "tabs" are collapsed. In
IE7 this is not the case, I get the error "Could not get the visbility
property" (yes, I know its a javascript error but its attempting to
hide/show my output using CSS) and the full page without anything
hidden/collapsed is shown. I guess there is a different method to
doing this in IE7 then Firefox? If so, can someone correct me as all
my end users are IE users with same version across the board.

2 One minor thing is itching me - If you click on Project tab, and
work you way clicking right over the next tabs you'll find the
"contents" of each tab starts slightly below the one previous. I've
tried to find out why but fail - can someone help?

Cheers!

[dorayme]

In article
<11*********************@22g2000hsm.googlegroups.c om>,
Randell_D <fi************@gmail.comwrote:

Folks,
I've put my page online here at

www.fiprojects.com / wip /

(Note: I purposely separated the entire address to avoid spiders
having a sniff and... *And* before you ask why I am doing this design
with tables its because I'm more comfortable with tables and have yet
to familiarize myself with replacing tables with CSS positioning.

I have two questions and would appreciate some direction:

1 In Firefox the display shows pretty much what I want whereby the
Project "tab" is displayed and all the other "tabs" are collapsed.

"Collapsed"? They all look the same on my Safari and FF.

If you click on Project tab, and
work you way clicking right over the next tabs you'll find the
"contents" of each tab starts slightly below the one previous. I've
tried to find out why but fail - can someone help?

Can't see what you mean, sorry?

Before doing anything more, you need to validate your site, the
html and css validators pick up faults many of which you will be
able to fix quickly (like no units with dimensions in the css).

Best not to have this sort of thing anywhere, and certainly not
in body:

font-size: 12px;
line-height: 24px;

Use % or em for font-size. And a useful rule, don't use
line-height at all unless you *really* are not happy with what is
defaulted and then avoid using units (for this particular
property) unless you know better.

--
dorayme

[Ben C]

On 2007-09-14, Joshua Cranmer <Pi*******@verizon.netwrote:
[...]

2. Avoid using the visibility, and use display: none instead. It works
better across all browsers.

It's much less efficient though. When you change display between none
and non-none, the browser is much more likely to have to do a complete
reflow of large pieces of the page since it isn't obvious how the
positions and sizes of other things are affected.

But visiblity: hidden/visible is known not to affect anything else
except the rendering of that element itself. It would be expected to
give much more snappy pop-up menus and things, although you won't notice
if you have a fast PC.

[Bergamot]

Jonathan N. Little wrote:

>
http://www.littleworksstudio.com/temp/usenet/tabs.html

FYI, only the first tab is accessible to keyboard users. It does degrade
well with CSS disabled, though.

--
Berg

[Jonathan N. Little]

Bergamot wrote:

Jonathan N. Little wrote:

>http://www.littleworksstudio.com/temp/usenet/tabs.html

FYI, only the first tab is accessible to keyboard users. It does degrade
well with CSS disabled, though.

It was just a demo and it does not support the keyboard because the tabs
are not links. Use links and you can process a keyboard focus...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com