Center and Videos Problem

[johneva]

Grrrrr why did they not sort out these standards ages ago why carnt all browser use the same rules.

Anyways right I got a problem centering an item in my web site I have asked for help on here before about it and I thought I fixed the problem. But I have noticed it dont work in FF.

I was told to use.

Code: Select all

form {
    width:500px;
    margin:0 auto;
}

Also I have added some videos to the pages to and I have tryed playing around with the code so it will validate in XHTML 1.1 and show in both IE and FF.

Thing is once I have removed the embed tag it dont work in either so I did the same as you do with Flash and added the data attribute to the Object tag and that worked in IE but not FF.

So I then removed the Class id and codebase and it worked in FF but not in IE.

Heres a link

Any ideas?

[webmaster]

I don't know if it's possible to center a form like that. Try putting it in a div and center the div instead.

About the movies, take a look at some other site that publishes movies, like www.break.com and take a look how they're doing.

[dafunkymunky]

tats a good idea use div....

[johneva]

Aup na stickin divs round it dont work.

Unless I am trying to center them in the wrong way.

Just to make sure what should I put in the css file?

And as for the videos I carnt find any sites that show videos and are built using XHTML 1.1

[johneva]

Well I have sorted my centering problem I just had to have margin: auto for the form propertie in my CSS file and it works now in both browsers.

Just got this problem with these videos.

Hmmm

[dramaartwriting]

maybe try wimpy viewer, which builds itself into your page. it should work on all browsers. I stumbed across it a while back and noticed it working but I couldn't figure out how to implement it like they were suggesting on their site. Google "wimpy player"

[johneva]

Cheers but I dout very much that it will use XHTML 1.1 to insert it's self.

It will probley use the old way of doing it with the object and embed tags.

I can do it like that no probs but it wont validate as XHTML.

Cheers anyways

[johneva]

Well in the end the only way I could do it was to write it in twice once for FF Netscpe and Oprea and once for IE.
Then just comment it out depending on which browser it is being veiwed in.

Code: Select all

      <p>
     <!--[if !IE]> <-->
     <object id='mediaPlayer' data="Video/hayabusa-turbo-wheelie.wmv" standby='Loading Microsoft Windows Media Player components...' type='type="video/x-ms-wmv"'>
      <param name='fileName' value="http://www.johneva.playingwithpsp.com/Video/hayabusa-turbo-wheelie.wmv" />
      <param name='animationatStart' value='true' />
      <param name='transparentatStart' value='true' />
      <param name='autoStart' value="true" />
      <param name='showControls' value="true" />
      <param name='loop' value="true" />

      </object>
     <!--> <![endif]-->
     <!--[if IE]>   
      <object id='mediaPlayer' data="Video/hayabusa-turbo-wheelie.wmv" classid='clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701' standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
      <param name='fileName' value="http://www.johneva.playingwithpsp.com/Video/hayabusa-turbo-wheelie.wmv" />
      <param name='animationatStart' value='true' />
      <param name='transparentatStart' value='true' />
      <param name='autoStart' value="true" />
      <param name='showControls' value="true" />
      <param name='loop' value="true" />
      </object>
     <![endif]-->   
      </p>

All that code for one poxy video just cos I want it valid XHTML.