471,594 Members | 1,725 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,594 software developers and data experts.

visibility and positioning problem

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!

Sep 13 '07 #1
4 1557
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
Sep 14 '07 #2
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.
Sep 14 '07 #3
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
Sep 14 '07 #4
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
Sep 15 '07 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

9 posts views Thread by Bryan R. Meyer | last post: by
4 posts views Thread by Jane Withnolastname | last post: by
1 post views Thread by Mark Denardo | last post: by
11 posts views Thread by -D- | last post: by
2 posts views Thread by TheCruelPanda | last post: by
1 post views Thread by The Menace | last post: by
reply views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.