Re: Trouble with Sliding Doors

In article <ffntd1$5kh$1 (AT) news (DOT) datemas.de>,
"rhino" <No.offline.contact.please (AT) anonymous (DOT) com> wrote:

I'm having some problems with Sliding Doors, as described in an article in A
List Apart (http://www.alistapart.com/articles/slidingdoors/) and as
detailed in the CSS Tab Designer v2.0 program.

My tabs look fine as long as I am using medium and small fonts but as soon
as I set the browser to use bigger fonts, they start to break on me. You can
see this best at http://sfl.london.on.ca/meetingsite.shtml. If you go to
this page with IE7 and your text size set to "medium", you'll see that I
have a nice row of 9 horizontal tabs. If you click on each one, you'll see
that everything works fine: all the tabs stay on one row, all nicely nestled
beside one another.

I don't need to change the default text size in my browser to see the
effect, since I increased the default font size in the user style sheet
several eye prescriptions ago!

Simply resizing the window causes the same problem, too, so you may
want to look at setting a reasonable min-width value somewhere. The only
way I can get all your tabs lined up in a horizontal row, is to make the
text size too small to be legible.

I think part of your problem may lie here:

#content-col {
position: relative;
top: 0;
left: 12em;
padding-left: 35px;
float: left;
width: 87.5%;
}

If you set the width in em units to something that keeps all your tabs
in a row, does that work?

David Stone wrote:

In article <ffntd1$5kh$1 (AT) news (DOT) datemas.de>,
"rhino" <No.offline.contact.please (AT) anonymous (DOT) com> wrote:

9 horizontal tabs.

If you set the width in em units to something that keeps all your tabs
in a row, does that work?

That's not a good idea. Those of us who use larger type will need a
really wide window to get it all to fit or end up with excessive
horizontal scrolling. That can be way worse.

--
Berg

"Bergamot" <bergamot (AT) visi (DOT) com> wrote

David Stone wrote:
In article <ffntd1$5kh$1 (AT) news (DOT) datemas.de>,
"rhino" <No.offline.contact.please (AT) anonymous (DOT) com> wrote:

9 horizontal tabs.

If you set the width in em units to something that keeps all your tabs
in a row, does that work?

That's not a good idea. Those of us who use larger type will need a
really wide window to get it all to fit or end up with excessive
horizontal scrolling. That can be way worse.

Agreed! Having fixed widths in ems is what I'm trying to get AWAY from! I'm
keeping them in the index column so things degrade properly but otherwise
I'd try not to have them at all.

--

Rhino

In article <ffp9bb$rbc$1 (AT) news (DOT) datemas.de>,
"rhino" <No.offline.contact.please (AT) anonymous (DOT) com> wrote:

"Bergamot" <bergamot (AT) visi (DOT) com> wrote in message
news:5oa250Flh1t0U1 (AT) mid (DOT) individual.net...
David Stone wrote:
In article <ffntd1$5kh$1 (AT) news (DOT) datemas.de>,
"rhino" <No.offline.contact.please (AT) anonymous (DOT) com> wrote:

9 horizontal tabs.

If you set the width in em units to something that keeps all your tabs
in a row, does that work?

That's not a good idea. Those of us who use larger type will need a
really wide window to get it all to fit or end up with excessive
horizontal scrolling. That can be way worse.


Agreed! Having fixed widths in ems is what I'm trying to get AWAY from! I'm
keeping them in the index column so things degrade properly but otherwise
I'd try not to have them at all.

My mistake - I thought you _wanted_ them to all stay on one line.

One thing you might still want to look at is the initial heading
and paragraphs in your content-main div ("Meeting Time and Location")

In FF 2.0.0.8 (on my Mac), the actual text of ALL the paragraphs
disappears behind the vertical scroll bar of the window, even with the
window maximised on my 1152 x 720 display. As I mentioned earlier,
the ONLY way I can get the text to by fully visible is by reducing the
text size to the smallest possible size, at which point I can no longer
read the characters. FWIW, I have the default font sizes in FF for both
serif and san-serif fonts set at '16' (whatever that actually means!)

You might want to either make the width a smaller percentage, or
apply a padding-right to allow for the width of the scroll bar?