Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Align an object "center" but not only left or right but top and down ?

Status
Not open for further replies.
FlatHead

FlatHead

Programmer
Oct 13, 2000
50
GB
Is it possible without framing a page to align an object for example a flash movie within an HTML page excactly in the center of the screen?????

In other words say we have a small flash movie or an image.
Small in size i mean (eg. 640x420)

All i want to do is to center the movie in the center of the screen (left-right center as well as top-bottom center) without using frames if it is possible.
This will help me to have the same exactly appereance of the screen in different screen platforms.
I know this is doable using frames but then is more complicated if the site is not a flash movie. Also i know the (aligh = "center") but as im concerned this works only for left or right alignment.

Is there anyone who can help.
 
Sort by date Sort by votes
use css (style sheets)
(whole specs on the w3c site, links to tutorials ... on the w3c site)
 
Upvote 0 Downvote
oh yes, you can also use a table to do so
and valign=middle and align=center
 
Upvote 0 Downvote
This works EXCELLENT on IE (85% of your audience):

Code: 
<table border=&quot;0&quot; width=&quot;100%&quot; height=&quot;100%&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
  <tr>
    <td width=&quot;100%&quot; valign=&quot;middle&quot; align=&quot;center&quot;>
      <table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
        <tr>
          <td width=&quot;100%&quot;>CENTER ME</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

The main table is 100% wide and 100% high with align center and vertical align middle. We do this with our login screens and I think it looks real cool, check it out!

» » » » » »
Mike Barone
FREE and Pro CGI/Perl Scripts

FREE Scripts
 
Upvote 0 Downvote
Thanks a lot for your instant responses iza and MikeBarone.
im going home to play now with your tips provided.
Regards
h@rrI$

 
Upvote 0 Downvote
&quot;valign=middle and align=center&quot; is close but it is missing the height and width of 100%. The 'center' will definately get the width centered but without the 100% height added to the table there is nothing that is centering the entity vertically.

I was not disagreeing with you, just adding to your post with the actual code and an example being used in the real world. » » » » » »
Mike Barone
FREE and Pro CGI/Perl Scripts

FREE Scripts
 
Upvote 0 Downvote
sorry, i'm still in the same &quot;one of those days&quot; day ;-)
well, in less than 1 hour i'll be leaving - going back home and get ready for tomorrow NOT to be &quot;one of those days&quot; !!!
 
Upvote 0 Downvote
Hello iza and MikeBarone
I would like to thank both of you for your helpfull tip!!!!
The nice part ofthe tip is that working in both browsers:))))))))))))))))))))))))))))))))))))))))))))

This is what i wanted guys!!!!!!!!

you can check this site to see why i was worrying:)


Regards
h@rrI$
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
696
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
171
lmcate
lmcate
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
576
PeDa
PeDa
pendle666
  • Locked
  • Question
new website renders fine in IE/Edge but not in Chrome - test site was fine
Replies
2
Views
146
pendle666
pendle666
SitesMasstec
  • Locked
  • Question
How to have an HTML opened automatically in an e-mail
Replies
3
Views
160
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top