Align: center for DIV and IMG not resolved !

Hello the world,

Tested I.E. 6 and Netscape 7.02.... source:

Code XHTML 1.1 :
<div class="my_class_div">
<img class="my_class_img"
src="url"
alt="title" />
</div>

CSS 'code':
..my_class_div{
text-align: center;
vertical-align: middle;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}

..my_class_img{
text-align: center;
vertical-align: middle;
border: none;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
/*margin: 0px 0px 0px 0px;*/
width: 468px;
height: 60px;
}

Bye and thanks for help.

Manu.

--


EMA

"Manu" <emmanuel (AT) mazzola (DOT) org> a écrit dans le message de news:
427a352e$0$17281$626a14ce (AT) news (DOT) free.fr...

Hello the world,

Tested I.E. 6 and Netscape 7.02.... source:

Code XHTML 1.1 :
div class="my_class_div"
img class="my_class_img"
src="url"
alt="title" /
/div

CSS 'code':
my_class_div{
text-align: center;
vertical-align: middle;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}

my_class_img{
text-align: center;
vertical-align: middle;
border: none;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
/*margin: 0px 0px 0px 0px;*/
width: 468px;
height: 60px;
}

Bye and thanks for help.

Manu.

--


EMA

==> "."element{} ==>

..my_class_div{
text-align: center;
vertical-align: middle;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}

Sorry
Manu

img centers fine on my IE6 SP2 browser. Am I not understanding your
question? what was your question?
when was the last time you used windows update?
vertical align probably means nothing on a div I think. only on td. unless
you maybe had different-height-text spans within a div, then maybe...
doesn't hurt I guess.

"Manu" <emmanuel (AT) mazzola (DOT) org> wrote

Hello the world,

Tested I.E. 6 and Netscape 7.02.... source:

Code XHTML 1.1 :
div class="my_class_div"
img class="my_class_img"
src="url"
alt="title" /
/div

CSS 'code':
.my_class_div{
text-align: center;
vertical-align: middle;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}

.my_class_img{
text-align: center;
vertical-align: middle;
border: none;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
/*margin: 0px 0px 0px 0px;*/
width: 468px;
height: 60px;
}

Bye and thanks for help.

Manu.

--


EMA