vertical centering

[Bill]

Hi

Browser IE6

I have the following
doctype xhtml strict

<div id="logoboxwww.testers.com</div>

#logobox {
width: 150px;
height: 150px;
background-color: white;
float: left;
background-image: url(pics/logo.jpg);
text-align: center;
}
I want www.testers.com to be vertically centered in #logobox. Possible, how
?
Thanks

[Els]

Bill wrote:

Hi

Browser IE6

I have the following
doctype xhtml strict

<div id="logoboxwww.testers.com</div>

#logobox {
width: 150px;
height: 150px;
background-color: white;
float: left;
background-image: url(pics/logo.jpg);
text-align: center;
}

I want www.testers.com to be vertically centered in #logobox. Possible, how
?

Give www.testers.com (I'm assuming you mean just that string of
characters, not an actual page or anything) a line-height of 150px.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Def Leppard - Too Late for Love

[Spartanicus]

"Bill" <bi*************@hotmail.com> wrote:

<div id="logoboxwww.testers.com</div>
Invalid HTML.
I want www.testers.com to be vertically centered in #logobox.

http://www.student.oulu.fi/~laurirai/www/css/middle/

--
Spartanicus

[Bill]

Hi

I want www.testers.com to be vertically centered in #logobox. Possible,

how

Give www.testers.com (I'm assuming you mean just that string of
characters, not an actual page or anything) a line-height of 150px.

It works for that small string but what if the text lenght is double the
width ?
The text ends up taking 300px hight !!

There's no other way of v-centering text ?

Thanks

[Els]

Bill wrote:

Hi

I want www.testers.com to be vertically centered in #logobox. Possible,
how
Give www.testers.com (I'm assuming you mean just that string of
characters, not an actual page or anything) a line-height of 150px.

It works for that small string

Which is why I suggested it; your string was one domain name, no
spaces :-)
but what if the text lenght is double the width ?
The text ends up taking 300px hight !!
Indeed. Not an option.
The only other reliable method would be a one celled table.

If you know beforehand how many lines there are going to me, you could
just wrap them in a div and set a top and bottom margin, but that's
likely to fail when someone augments or diminishes the font-size.
There's no other way of v-centering text ?

Not one that I can think of.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Annie Lennox - Walking On Broken Glass

[Bill]

Hi Els

It works for that small string
Which is why I suggested it; your string was one domain name, no
spaces :-)

Right :-)
If you know beforehand how many lines there are going to me, you could
just wrap them in a div and set a top and bottom margin, but that's
likely to fail when someone augments or diminishes the font-size.
That's what I had in mind and also, think of a thumbnail with the 8.3
filename, size and weight. It's easier to have a h-v-centered caption than
to have several containers on top of each other. That way if you have more
or less lines to publish the total container adjusts itself to what you have
to display. That's one use of this.
Not one that I can think of.

Then to keep the most css in the script the best way would be to have a php
(or another language) function write the caption box.
Thanks

[Els]

Bill wrote:

If you know beforehand how many lines there are going to me, you could
just wrap them in a div and set a top and bottom margin, but that's
likely to fail when someone augments or diminishes the font-size.

That's what I had in mind and also, think of a thumbnail with the 8.3
filename, size and weight. It's easier to have a h-v-centered caption than
to have several containers on top of each other. That way if you have more
or less lines to publish the total container adjusts itself to what you have
to display. That's one use of this.

Not one that I can think of.

Then to keep the most css in the script the best way would be to have a php
(or another language) function write the caption box.

And how does php know the amount of lines if the visitor has his
font-size set to largest?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Bløf - Liefs uit Londen

[Bill]

Hi Els

And how does php know the amount of lines if the visitor has his
font-size set to largest?

Of course php can't see that. But it can collect the data entered and break
it in 2-3-4 areas to display it as a v-h-centered bock.

Thumbnails is an example but maybe not THE example.

I'm experimenting with CSS that's the reason of my questions, I try to find
the limits of CSS. Of course for the time being, it's far from what I can do
with it but I hope soon I'll be answering questions instead of asking them.
! ;-)
Thanks
Bill